为什么浏览器视口比屏幕分辨率小?
视口不包含浏览器标签栏、地址栏、侧边栏、滚动条和操作系统界面。在移动设备上,缩放和 DPR 也会让 CSS 视口远小于物理屏幕分辨率。
DPR 能显示原生面板分辨率吗?
不能。DPR 是浏览器报告的 CSS 像素与设备像素缩放关系。缩放、操作系统设置、浏览器配置和显示硬件都会影响观察到的关系,因此 DPR 不保证面板原生分辨率。截图时可用 DPR 了解缩放和清晰度,再单独核对 CSS viewport。硬件规格应以操作系统或制造商文档为准。
方向是什么意思?
方向通过比较宽度和高度,把报告的屏幕标记为横向、纵向或正方形。它描述当前报告的几何形状,旋转设备或移动浏览器窗口后可能变化,并不能识别显示器型号。正方形表示报告坐标中的宽高相等。浏览器缩放和系统缩放可能影响相关测量,但不会改变设备方向。
什么是可用区域?
可用区域是浏览器报告的、系统界面周围仍可使用的屏幕空间。任务栏、Dock 和移动端控件会减少该空间,不同显示器的数值也可能不同。它适合解释工作区限制,不适合推断面板尺寸;当页面靠近任务栏或浏览器工具栏被裁切时尤其有用。不要把它加到屏幕宽度上估算面板规格。
可以分享结果吗?
在支持的移动设备上,分享按钮使用原生分享。在桌面设备、分享不可用或原生分享失败时,复制规范检查器 URL。分享结果不会自动包含硬件诊断;提交问题报告时请附上记录的数值、浏览器缩放、系统缩放和当前显示器。URL 保持规范形式,收件人可打开同一检查器页面。协作时请把复制的数值放在 URL 旁,并说明会话使用了一个还是多个显示器。
调整窗口后数值会更新吗?
会。调整窗口大小或改变方向后数值会刷新,把窗口移到另一台显示器也可能改变报告值。浏览器或操作系统设置变化后请重新加载页面,并在测试条件下记录更新后的数值。resize 事件只反映当前会话,不是所有显示状态的历史。改变缩放、方向或显示器选择后应重新获取结果。