分辨率测试
立即检查当前屏幕分辨率、浏览器视口、DPR 和显示详情。
数值由浏览器报告,浏览器缩放和操作系统缩放可能影响结果。估算显示像素不保证面板原生分辨率。
如何检查屏幕分辨率
屏幕分辨率是显示器以 CSS 像素报告的宽度和高度。viewport 是浏览器窗口中扣除控件、侧栏、滚动条和移动端界面后网页实际可用的区域。两者回答不同问题:屏幕尺寸表示浏览器报告的显示边界,viewport 表示当前页面工作区。窗口未最大化或浏览器控件占用空间时,1920 x 1080 屏幕也可能拥有更小的 viewport。排查布局时请同时记录两组数值。
DPR 即设备像素比,表示 CSS 像素与设备像素之间的关系。DPR 为 2 时,浏览器会在每个方向上用两个设备像素映射一个 CSS 像素。DPR 可用于响应式断点、图像密度和视觉测试,但不能证明物理面板规格。估算像素行是根据浏览器报告的 CSS 尺寸和 DPR 计算的结果,只应视为估算值。浏览器缩放和操作系统缩放可能改变报告关系,但不会改变物理面板。
如何读取实时结果
- 同时记录屏幕尺寸和 viewport 尺寸,并注明窗口是否最大化,以区分显示边界与页面工作区。
- 检查 DPR 和宽高比,用于理解像素密度与形状;它们都不能识别面板型号或证明原生模式。
- 结合可用区域和浏览器外部窗口尺寸解释被系统界面占用的空间,移动窗口或改变系统界面后重新检查。
- 在设备或截图测试中比较方向和色深,并记录浏览器、系统缩放和应用信息,方便他人复现。
排查模糊或异常结果
如果文字发虚,请将浏览器缩放重置为 100%,检查操作系统缩放,并在刷新前对比另一个浏览器。测试显示器时,将系统原生或推荐模式与浏览器数值对照,再把窗口移动到每个显示器并记录当前显示器。缩放、窗口边框和渲染选择会改变页面坐标,因此浏览器测量值可能不同于硬件规格。本工具只报告浏览器可观察数值,不判定面板原生模式。
常见分辨率参考
| 格式 | 典型用途 |
|---|---|
| 1280 x 720 | 高清视频和小型笔记本 |
| 1920 x 1080 | 全高清显示器和视频 |
| 2560 x 1440 | 高密度桌面工作 |
| 3840 x 2160 | 4K 媒体和大屏幕 |
这些格式是参考标签,不是硬件诊断。HD、Full HD、QHD 和 4K 表示视频、笔记本、桌面工作和大屏显示器常见的宽高组合。请使用当前浏览器会话的实时结果,另行比较操作系统显示模式,并参考 标准分辨率图表获取更完整的列表。
开发者和 QA 用途
开发者可以在错误报告中记录 viewport、DPR、宽高比和方向。QA 团队还应记录浏览器缩放、操作系统缩放、窗口状态、当前显示器、色深和测试 URL 路径。在已知 viewport 宽度复现同一断点,对比手机和笔记本会话,核对截图目标,并确认响应式布局是否在预期宽度变化。这些测量让报告可复现,但不应把浏览器输出当作硬件诊断。固定尺寸模拟请使用 响应式设计测试器。
分辨率测试常见问题
为什么浏览器视口比屏幕分辨率小?
视口不包含浏览器标签栏、地址栏、侧边栏、滚动条和操作系统界面。在移动设备上,缩放和 DPR 也会让 CSS 视口远小于物理屏幕分辨率。
DPR 能显示原生面板分辨率吗?
不能。DPR 是浏览器报告的 CSS 像素与设备像素缩放关系。缩放、操作系统设置、浏览器配置和显示硬件都会影响观察到的关系,因此 DPR 不保证面板原生分辨率。截图时可用 DPR 了解缩放和清晰度,再单独核对 CSS viewport。硬件规格应以操作系统或制造商文档为准。
方向是什么意思?
方向通过比较宽度和高度,把报告的屏幕标记为横向、纵向或正方形。它描述当前报告的几何形状,旋转设备或移动浏览器窗口后可能变化,并不能识别显示器型号。正方形表示报告坐标中的宽高相等。浏览器缩放和系统缩放可能影响相关测量,但不会改变设备方向。
什么是可用区域?
可用区域是浏览器报告的、系统界面周围仍可使用的屏幕空间。任务栏、Dock 和移动端控件会减少该空间,不同显示器的数值也可能不同。它适合解释工作区限制,不适合推断面板尺寸;当页面靠近任务栏或浏览器工具栏被裁切时尤其有用。不要把它加到屏幕宽度上估算面板规格。
可以分享结果吗?
在支持的移动设备上,分享按钮使用原生分享。在桌面设备、分享不可用或原生分享失败时,复制规范检查器 URL。分享结果不会自动包含硬件诊断;提交问题报告时请附上记录的数值、浏览器缩放、系统缩放和当前显示器。URL 保持规范形式,收件人可打开同一检查器页面。协作时请把复制的数值放在 URL 旁,并说明会话使用了一个还是多个显示器。
调整窗口后数值会更新吗?
会。调整窗口大小或改变方向后数值会刷新,把窗口移到另一台显示器也可能改变报告值。浏览器或操作系统设置变化后请重新加载页面,并在测试条件下记录更新后的数值。resize 事件只反映当前会话,不是所有显示状态的历史。改变缩放、方向或显示器选择后应重新获取结果。