11521 sujets

JavaScript, DOM et API Web HTML5

Dimension du viewport

Salut à vous,

Quelle est le meilleur moyen de connaître les dimensions du viewport sur mobile?

J'ai vu qu'il existait 4 façons (en javascript) : screen.width, window.innerWidth, body.clientWidth et screen.availWidth.

J'exclus "screen.width" qui ne tient visiblement pas compte de l'orientation du viewport, et j'exclus "body.clientWidth" car j'ai peur qu'il me décompte la largeur de l'ascenceur de la taille du viewport (vrai sur un PC mais semble pas vrai sur un mobile).

Quelle est donc la différence entre "window.innerWidth" et "screen.availWidth"? La compatibilité sur les différents appareils? Qu'en pensez-vous? Qu'utilisez-vous?

Merci d'avance!
OK merci, je commence à lire l'article maintenant.

PS: une petite coquille --> "comme vous pouvez le constater dans l’ullustration finale de ce billet"
Est-ce que la version d'Android Browser est liée à la version d'Android?
Dans ton article (faisant référence à caniuse.com) et dans l'article de Rodolphe, vous parlez d'Android Browser 3. Cela veut dire qu'on le trouve uniquement à partir d'Android 3 et pas sur Android 2?
Administrateur
Alphonse a écrit :
PS: une petite coquille --> "comme vous pouvez le constater dans l’ullustration finale de ce billet"

Ah oui, merci !

Alphonse a écrit :
Est-ce que la version d'Android Browser est liée à la version d'Android?
Dans ton article (faisant référence à caniuse.com) et dans l'article de Rodolphe, vous parlez d'Android Browser 3. Cela veut dire qu'on le trouve uniquement à partir d'Android 3 et pas sur Android 2?

Oui cela signifie que si tu es sur le navigateur "Browser" d'Android, cela ne fonctionnera qu'à partir d'Android 3. Par contre, pas de souci si tu es sur Chrome par exemple.
Sujet clos
Aller à