JavaScript screen.height et screen.width renvoie des valeurs incorrectes

Question

Je veux obtenir la résolution de l'écran de l'utilisateur à partir de JS, J'ai donc décidé d'utiliser les propriétés screen.height et screen.width, mais j'ai remarqué que j'ai obtenu des valeurs incorrectes. Par exemple, j'ai un écran Full HD de 1280 pixels de hauteur, mais screen.height renvoie 630, et la largeur 1120. Quelle en est la cause ? Merci !

Edit : il semble que cela se passe sur FireFox pour moi, depuis IE 10 j'ai obtenu des valeurs correctes.

Answer 1

Firefox renvoie une valeur basée sur le pourcentage de zoom ; cependant, le window.devicePixelRatio vous donne ce pourcentage. Par conséquent, le code JS suivant donne les valeurs correctes :

var w = screen.width; var h = screen.height;
var DPR = window.devicePixelRatio;
w = Math.round(DPR * w);
h = Math.round(DPR * h);