JS获取浏览器页面的屏幕高宽
前两天设计找我,想要约束模态框弹出的尺寸规范,让我帮忙看看现在浏览器的,利用下面的代码给出了现在的计算到本机1920*1080的尺寸。
$(function () {
console.log("网页可见区域宽:"+document.body.clientWidth);
console.log("网页可见区域高:"+document.body.clientHeight);
console.log("网页可见区域宽:"+document.body.offsetWidth);
console.log("网页可见区域高:"+document.body.offsetHeight);
console.log("网页正文全文宽:"+document.body.scrollWidth);
console.log("网页正文全文高:"+document.body.scrollHeight);
console.log("网页被卷去的高:"+document.body.scrollTop);
console.log("网页被卷去的左:"+document.body.scrollLeft);
console.log("网页正文部分上:"+window.screenTop);
console.log("网页正文部分左:"+window.screenLeft);
console.log("屏幕分辨率的高:"+window.screen.height);
console.log("屏幕分辨率的宽:"+window.screen.width);
console.log("屏幕可用工作区高度:"+window.screen.availHeight);
console.log("屏幕可用工作区宽度:"+window.screen.availWidth);
}
计算浏览器工具栏高度
包含书签栏 | 不含书签栏 | |
---|---|---|
chrome | 91px | 66px |
Firefox | 109px | |
ie | 147px | 116px |