当前位置:在线工具>网页相关>查看屏幕相关信息
手机访问

在线查看屏幕相关信息(宽、高、分辨率)


备注:本页面添加了 Window Resize 事件,方便您进行本地调试与预览。

JavascriptResultIntroduction(单位:像素)
window.screen.width获取设备屏幕的物理分辨率宽度。
window.screen.height获取设备屏幕的物理分辨率高度。
window.innerWidth浏览器窗口宽度。
window.innerHeight浏览器窗口高度。
window.screen.availWidth返回屏幕的可用宽度,即不包括任务栏或窗口边框的宽度。
window.screen.availHeight返回屏幕的可用高度,即不包括任务栏或窗口边框的高度。
window.screen.colorDepth返回屏幕的颜色深度(单位:位),即每个像素可以表示的颜色数量。
window.screen.pixelDepth返回屏幕的分辨率(单位:位/像素),即每个像素的颜色深度。
网页相关
window.screenTop浏览器距离屏幕顶部距离。
window.screenLeft浏览器距离屏幕左侧距离。
document.body.clientWidth网页可见区域宽。
document.body.clientHeight网页可见区域宽。
document.body.clientWidth网页可见区域宽(包括边线的宽)。
document.body.offsetHeight网页可见区域高 (包括边线的宽)。
document.body.scrollWidth网页正文全文宽。
document.body.scrollHeight网页正文全文高。
document.body.scrollTop获取或设置当前页面在垂直方向上滚动的距离。
document.body.scrollLeft获取或设置当前文档中 body 元素在水平方向上滚动的距离。