Comment puis-je obtenir innerWidth dans Internet Explorer 8

Question

Dans tous les navigateurs récents:

  window.innerWidth // 1920
 

Dans Internet Explorer 8

  window.innerWidth // undefined
 

Quel est le meilleur moyen d'obtenir cette valeur dans IE8?

Answer 1

Le innerWidth est supporté par IE9 et non par IE8, vous pouvez le faire à l’instant:

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

La ligne ci-dessus vous donnera la largeur d'IE ainsi que d'autres navigateurs conformes aux normes.

---

Si vous utilisez jQuery, $(window).innerWidth() vous donnera également le résultat souhaité dans tous les navigateurs.

Answer 2

Pour cela, j'utilise encore:

 window.innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
window.innerHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
 

Mais pour imiter le vrai dom-getter, jetez un oeil à ceci: http://stackoverflow.com/a/18136089/1250044

Answer 3

pour utilisation ie8

 document.documentElement.clientWidth
 

Answer 4

Je sais que les innerWidth pourraient ne pas être tout à fait les mêmes, mais getBoundingClientRect pourraient également être utilisés avec une capacité similaire:

 elem = document.documentElement.getBoundingClientRect();
width = elem.getBoundingClientRect().right - elem.getBoundingClientRect().left;
 

Answer 5

Vous pouvez obtenir cette information à partir de IE 8 avec

 document.documentElement.clientWidth
 

Sachez que cette valeur ne sera pas exactement la même que celle renvoyée par IE 9 pour window.innerWidth .