在線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">