在线JS设备屏幕参数检测工具

+ 选择文件
二维码
打赏支持
复制链接
反馈建议
下载客户端

点击代码即可快速复制

代码	简介	值
window.innerWidth	网页缩放后可用宽度
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	屏幕逻辑分辨率

由于在移动设备中，设备密度各不相同，使用以下下meta标签限制浏览器缩放，这将帮我们解决了很多问题，我们只要按照设备物理像素的大小来进行开发就行了。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">