11
votes

largeur d'écran vs partie visible

J'ai un peu de problème avec JavaScript, pour obtenir la largeur de l'écran que nous utilisons l'écran.Width qui renvoie la résolution d'écran globale, y a-t-il une commande pour obtenir la résolution de la partie visible du navigateur, comme lorsque le navigateur n'est pas Maximisée?


0 commentaires

3 Réponses :


32
votes
function width(){
   return window.innerWidth 
       || document.documentElement.clientWidth 
       || document.body.clientWidth 
       || 0;
}

function height(){
   return window.innerHeight 
       || document.documentElement.clientHeight 
       || document.body.clientHeight 
       || 0;
}
Use them to return the height() or width() of the visible window.JSFiddle example.

4 commentaires

Merci monsieur, window.innerwidth and window.innerheight est ce que je veux, ça marche! Mais pourquoi tout l'autre code?


@Jcoc Pas besoin d'écrire la fenêtre.InnerWidth deux fois en utilisant l'opérateur ternaire. Il suffit d'utiliser ||: retour window.innerWidth || document.documentation.ClientWidth || document.body.clientwidth || 0;


Dans le code d'origine, j'ai vérifié si window.innerwidth était un nombre, mais j'étais trop paresseux pour le convertir de mon cadre en JS uni.


Nettoyant je suppose, mais cela fait exactement la même chose.



1
votes

La zone que vous décrivez est la fenêtre de visualisation et peut généralement être accessible en utilisant window.innerwidth ou window.innerheight dans les navigateurs modernes. IE6 est un peu différent, mais plus d'informations sur la manipulation de la largeur de la fenêtre de vue de tous les navigateurs peuvent être trouvées dans ce tutoriel sur l'obtention de la taille de la fenêtre .


0 commentaires

1
votes

J'ai vu que la question a été répondue, mais voici le code que j'ai utilisé avec une image à Ilustrate. xxx

jsfiddle exemple


0 commentaires