如何使用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进行了测试，到目前为止看起来效果很好。当然，它不返回数字值，而是返回布尔值-如果匹配或不匹配，则可能不完全适合该问题，但这仍然是我们想要的，而且可能是问题的作者想要的。