Screen Resolution Tester
Detect screen resolution, pixel ratio, window size and display info
自动检测 · 实时更新
屏幕示意图
常见分辨率对比
屏幕分辨率测试工具
本工具可以自动检测并显示您设备的所有屏幕和显示相关参数，包括屏幕分辨率、可用区域、设备像素比、物理分辨率、浏览器窗口尺寸、颜色深度、屏幕方向和触控支持等。所有检测均在浏览器本地完成，无需联网，不收集任何数据。窗口大小参数会随浏览器调整实时更新。
检测参数一览
| 参数 | 说明 | 数据来源 |
|---|---|---|
| 屏幕分辨率 | 屏幕的逻辑像素宽度和高度 | screen.width / screen.height |
| 可用区域 | 排除任务栏等系统UI后的可用空间 | screen.availWidth / availHeight |
| 设备像素比 | CSS像素与物理像素的比率 | window.devicePixelRatio |
| 物理分辨率 | 屏幕的实际硬件像素数量 | screen.width × DPR |
| 窗口内部尺寸 | 浏览器内容区域的宽高 | window.innerWidth / innerHeight |
| 窗口外部尺寸 | 整个浏览器窗口的宽高 | window.outerWidth / outerHeight |
| 颜色深度 | 屏幕可显示的颜色位数 | screen.colorDepth |
| 像素深度 | 每个像素的存储位数 | screen.pixelDepth |
| 屏幕方向 | 横屏/竖屏及旋转角度 | screen.orientation |
| 触控支持 | 设备支持的最大触控点数 | navigator.maxTouchPoints |
常见问题
屏幕分辨率和物理分辨率有什么区别？
屏幕分辨率（逻辑分辨率）是操作系统报告的CSS像素尺寸。物理分辨率是屏幕实际的硬件像素数量，等于逻辑分辨率乘以设备像素比（DPR）。在高DPI屏幕（如Retina显示屏）上，物理分辨率通常是逻辑分辨率的2倍或更多。
为什么浏览器窗口大小和屏幕分辨率不一样？
浏览器窗口大小不包括操作系统的任务栏、浏览器的标签栏、地址栏等占用的空间。屏幕可用区域（availWidth/availHeight）排除了任务栏等系统UI。如果浏览器没有最大化，窗口尺寸会更小。
设备像素比（DPR）是什么意思？
DPR表示一个CSS像素对应多少个物理像素。普通屏幕DPR为1，Retina/高DPI屏幕通常为2或3。DPR越高显示越清晰。网页开发中需根据DPR提供不同分辨率的图片。
调整浏览器窗口大小后数据会更新吗？
是的，窗口内部尺寸和外部尺寸会实时更新。屏幕分辨率等硬件参数通常在页面刷新后才会重新检测。