如何使用JavaScript代码获取浏览器宽度？

Question

我想写一个JavaScript函数来获取当前浏览器的宽度。我发现了这个：javascript:alert(document.body.offsetWidth);但是它的问题是，如果身体的宽度为100％，它将失败。还有其他更好的功能或解决方法吗？

Answer 1

var w = window.innerWidth;

var h = window.innerHeight;

var ow = window.outerWidth; //including toolbars and status bar etc.

var oh = window.outerHeight;

两者都返回整数，并且不需要jQuery。跨浏览器兼容。

我经常发现jQuery返回width（）和height（）的无效值

Answer 2

为什么没人提到matchMedia？

if (window.matchMedia("(min-width: 400px)").matches) {

  /* the viewport is at least 400 pixels wide */

} else {

  /* the viewport is less than 400 pixels wide */

}

没有进行太多测试，但是已经使用android default和android chrome浏览器，台式机chrome进行了测试，到目前为止看起来效果很好。

当然，它不返回数字值，而是返回布尔值-如果匹配或不匹配，则可能不完全适合该问题，但这仍然是我们想要的，而且可能是问题的作者想要的。