屏幕与窗口信息
屏幕分辨率测试
查看屏幕尺寸、浏览器窗口、设备像素比、估算物理像素、方向和色深。
屏幕分辨率测试
估算屏幕物理像素0 × 0
屏幕尺寸(CSS 像素)0 × 0
浏览器窗口0 × 0
设备像素比1.00
估算物理像素0 × 0
屏幕方向—
色深0 bit
宽高比0.000 : 1
浏览器缩放信号100% DPR
这个工具测量什么
CSS 像素、设备像素和浏览器窗口是不同概念;设备像素比(DPR)连接 CSS 尺寸与估算的物理像素尺寸。
使用方法
- 查看屏幕与浏览器窗口两组数据。
- 缩放窗口,观察 viewport 实时变化。
- 需要减少浏览器边框影响时可进入全屏。
为什么用户会查分辨率
- 确认电脑或手机屏幕分辨率
- 排查网页尺寸和截图尺寸不一致
- 检查系统缩放、浏览器缩放与 DPR
分辨率数据怎么区分
屏幕尺寸是浏览器报告的整个显示区域,Viewport 是网页可用窗口,DPR 用来估算 CSS 像素对应多少设备像素。
多测几轮再判断
单次结果很容易受到操作节奏、页面状态或偶发卡顿影响。建议在相同条件下重复测试,重点看多轮结果是否接近。
比较时保持条件一致
比较设备或设置前后差异时,请保持浏览器、窗口大小、连接方式和电源模式一致,并且一次只改变一个条件。
CSS 像素不是物理像素
系统缩放为 150% 或浏览器缩放变化时,同一块屏幕报告的 CSS 尺寸可能不同。
物理像素是估算值
屏幕 CSS 尺寸乘以 DPR 可作参考,但隐私保护和多屏环境可能让它与面板原生分辨率不同。
测量限制
浏览器缩放、系统显示缩放、多显示器和隐私保护都会影响报告值。
隐私说明
所有测量都在浏览器本地完成,工具不会上传原始测试输入。
数据不符合预期
保持标签页在前台
测试期间不要切换标签页或最小化窗口。浏览器可能限制后台页面的计时、动画和输入事件。
一次只改变一个条件
如果结果异常,先在相同条件下复测,再依次尝试关闭扩展、更换浏览器或调整连接方式,避免同时修改多个变量。
检查缩放设置
同时确认操作系统显示缩放和浏览器页面缩放,两者都会影响 CSS 尺寸。
多显示器环境
把窗口移动到另一块显示器后,DPR 和可用尺寸可能需要等待窗口事件更新。
分辨率常见问题
网页测试能直接证明硬件故障吗?
不能。网页只能记录浏览器实际获得的输入、计时或设备参数,适合做对照排查,不能代替实验室仪器或厂商检测。
测试数据会上传吗?
测试结果在当前浏览器标签页内计算,工具不会上传原始按键、点击、画面或渲染数据。
DPR 越高越清晰吗?
DPR 表示 CSS 像素与设备像素的比例,不单独决定面板清晰度,还要结合尺寸和原生分辨率。
为什么窗口尺寸小于屏幕尺寸?
浏览器工具栏、侧栏、窗口边框和非全屏状态都会占用屏幕空间。