js获取浏览器和设备的 width和height，

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

获取宽高参考:

方法：

网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕物理分辨率的高： window.screen.height
屏幕物理分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth

屏幕缩放因子：window.devicePixelRatio

屏幕逻辑分辨率：window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)

测试代码：

 <html>

 <head>

     <title>获取屏幕高度</title>

     <meta charset="utf-8">

 </head>

     <body>

         <div>

             <hr>

             网页可见区宽度：<i id="document.body.clientWidth">xx</i>&nbsp px

             <hr>

             网页可见区域高：<i id="document.body.clientHeight">xx</i>&nbsp px

             <hr>

             <hr>

             网页可见区域宽： (包括边线的宽)<i id="document.body.offsetWidth">xx</i>&nbsp px

             <hr>

             网页可见区域高：  (包括边线的高)：<i id="document.body.offsetHeight">xx</i>&nbsp px

             <hr>

             网页正文全文宽：<i id="document.body.scrollWidth">xx</i>&nbsp px

             <hr>

             网页正文全文高：<i id="document.body.scrollHeight">xx</i>&nbsp px

             <hr>

             网页被卷去的高：<i id="document.body.scrollTop">xx</i>&nbsp px

             <hr>

             网页被卷去的左：<i id="document.body.scrollLeft">xx</i>&nbsp px

             <hr>

             网页正文部分上：<i id="window.screenTop">xx</i>&nbsp px

             <hr>

             网页正文部分左：<i id="window.screenLeft">xx</i>&nbsp px

             <hr>

             屏幕物理分辨率的高：<i id="window.screen.height">xx</i>&nbsp px

             <hr>

             屏幕物理分辨率的宽：<i id="window.screen.width">xx</i>&nbsp px

             <hr>

             屏幕可用工作区高度：<i id="window.screen.availHeight">xx</i>&nbsp px

             <hr>

             屏幕可用工作区宽度：<i id="window.screen.availWidth">xx</i>&nbsp px

             <hr>

             屏幕缩放因子：<i id="window.devicePixelRatio">xx</i>&nbsp 倍

             <hr>

             屏幕逻辑分辨率(缩放因子与物理分辨率的乘积)：<i id="window.screen.width * window.devicePixelRatio">xx</i>&nbsp px

             <hr>

         </div>

     </body>

     <script>

         document.getElementById("document.body.clientWidth").innerHTML = document.body.clientWidth;

         document.getElementById("document.body.clientHeight").innerHTML = document.body.clientHeight;

         document.getElementById("document.body.offsetHeight").innerHTML =document.body.offsetHeight ;

         document.getElementById("document.body.offsetWidth").innerHTML = document.body.offsetWidth;

         document.getElementById("document.body.scrollHeight").innerHTML = document.body.scrollHeight;

         document.getElementById("document.body.scrollWidth").innerHTML =document.body.scrollWidth ;

         document.getElementById("document.body.scrollHeight").innerHTML = document.body.scrollHeight;

         document.getElementById("document.body.scrollTop").innerHTML = document.body.scrollTop;

         document.getElementById("document.body.scrollLeft").innerHTML = document.body.scrollLeft;

         document.getElementById("window.screenTop").innerHTML = window.screenTop;

         document.getElementById("window.screenLeft").innerHTML =window.screenLeft ;

         document.getElementById("window.screen.height").innerHTML = window.screen.height;

         document.getElementById("window.screen.width").innerHTML =window.screen.width ;

         document.getElementById("window.screen.width").innerHTML = window.screen.width;

         document.getElementById("window.screen.availHeight").innerHTML = window.screen.availHeight;

         document.getElementById("window.screen.availWidth").innerHTML = window.screen.availWidth;

         document.getElementById("window.devicePixelRatio").innerHTML =window.devicePixelRatio ;

         document.getElementById("window.screen.width * window.devicePixelRatio").innerHTML = window.screen.width * window.devicePixelRatio ;

     </script>

 </html>