获取浏览器可视区域宽高

Posted lprosper

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取浏览器可视区域宽高相关的知识,希望对你有一定的参考价值。

 1     /**
 2      * 获取浏览器可视区域宽度
 3      */
 4     function getViewPortOffset() {
 5         if (window.innerWidth) {
 6             return {
 7                 w: window.innerWidth,
 8                 h: window.innerHeight
 9             }
10         } else if (document.compatMode = "BackCompat") {
11             return {
12                 w: document.body.clientWidth,
13                 h: document.body.clientHeigth
14             }
15         } else {
16             return {
17                 w: document.documentElement.clientWidth,
18                 h: document.documentElement.clientHeight
19             }
20         }
21     }
22     console.log(getViewPortOffset());
23     

 

以上是关于获取浏览器可视区域宽高的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript获取屏可视区域宽高和页面宽高-速查对照表

获取浏览器窗口及元素宽高方法集合

获取 页面元素窗口和返回页面元素窗口的宽高

JS 获取当前浏览器宽高

js获取网页的宽高

取不同浏览器可视区域宽高方法