已解決430363個問題，去搜搜看，總會有你想問的

如何使用JavaScript代碼獲取瀏覽器寬度？

首頁猿問如何使用JavaScript代碼獲...

JavaScript JQuery Html/CSS

嗶嗶one 2019-11-07 12:38:51

我想寫一個JavaScript函數來獲取當前瀏覽器的寬度。我發現了這個：javascript:alert(document.body.offsetWidth);但是它的問題是，如果身體的寬度為100％，它將失敗。還有其他更好的功能或解決方法嗎？

查看完整描述

3 回答

FFIVE

TA貢獻1797條經驗獲得超6個贊

var w = window.innerWidth;

var h = window.innerHeight;

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

var oh = window.outerHeight;

兩者都返回整數，并且不需要jQuery?？鐬g覽器兼容。

我經常發現jQuery返回width（）和height（）的無效值

反對回復 2019-11-07

慕森王

TA貢獻1777條經驗獲得超3個贊

為什么沒人提到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進行了測試，到目前為止看起來效果很好。

當然，它不返回數字值，而是返回布爾值-如果匹配或不匹配，則可能不完全適合該問題，但這仍然是我們想要的，而且可能是問題的作者想要的。

反對回復 2019-11-07

關注