Comment puis-je détecter la taille de la fenêtre avec jQuery ?

Question

Comment puis-je détecter la taille de la fenêtre/du navigateur avec jQuery comme Gmail ? Dans Gmail, nous n'avons pas besoin d'actualiser ou de recharger la page actuelle dès que nous avons modifié la résolution de la fenêtre dans les paramètres de la fenêtre ? Dans mon projet, je dois actualiser le navigateur dès que les paramètres de la fenêtre ont été modifiés.

Toute idée sera appréciée.

Answer 1

Vous pouvez obtenir les valeurs de largeur et de hauteur du navigateur à l'aide des éléments suivants :

 $(window).height();
$(window).width();

Pour être averti lorsque le navigateur est redimensionné, utilisez ce rappel de liaison :

 $(window).resize(function() {
    // Do something
});

Answer 2

Voulez-vous détecter quand la fenêtre a été redimensionnée ?

Vous pouvez utiliser le redimensionnement de JQuery pour attacher un gestionnaire.

Answer 3

//get dimensions 
var height = $(window).height();
var width = $(window).width();

//refresh on resize
$(window).resize(function() {
  location.reload(true)
});

vous ne savez pas si vous vouliez bricoler les dimensions des éléments ou actualiser réellement la page. alors voici un tas de choses différentes, choisissez ce que vous voulez. vous pouvez même mettre la hauteur et la largeur dans l'événement de redimensionnement si vous le souhaitez vraiment.