[javascript] Taille du navigateur (largeur et hauteur)


Answers

function getWindowSize(){
 var d= document, root= d.documentElement, body= d.body;
 var wid= window.innerWidth || root.clientWidth || body.clientWidth, 
 hi= window.innerHeight || root.clientHeight || body.clientHeight ;
 return [wid,hi]
}

Les navigateurs IE sont les seuls à ne pas utiliser innerHeight et Width.

Mais il n'y a pas de 'standard' - juste des implémentations de navigateur.

Testez le html (document.documentElement) clientHeight avant de vérifier le corps - s'il n'est pas 0, c'est la hauteur du 'viewport' et le body.clientHeight est la hauteur du corps - qui peut être plus grande ou plus petite que la fenêtre .

Le mode arrière renvoie 0 pour l'élément racine et la hauteur de la fenêtre (fenêtre) à partir du corps.

Même avec la largeur.

Question

J'essaie de détecter la taille actuelle du navigateur (largeur et hauteur). Je sais que c'est super facile dans jQuery avec $(document).width and $(document).height , mais je ne veux pas ajouter la taille de la librairie jQuery au projet, donc je préfère utiliser JavaScript intégré . Quelle serait la manière courte et efficace de faire la même chose avec JavaScript?




Voici un exemple de code

function getSize(){

var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

var h=window.innerHeight || document.documentElement.clientHeight ||document.body.clientHeight;


}



Related