浏览器信息与屏幕分辨率检测
一张表读全屏幕分辨率、视口尺寸、设备像素比、GPU 型号、CPU 核心数、时区与网络质量——包括缩放背后真实的物理像素数。
100% 隐私保护——一切都在浏览器中运行
使用方法
- 1
打开页面即自动开始检测，无需点击按钮。
- 2
看「屏幕」区块：面板分辨率、扣掉任务栏和程序坞之后的可用区域，以及网页实际渲染所在的视口。
- 3
换算校验：物理分辨率 = 屏幕分辨率 × 设备像素比，做截图和导出尺寸时应以这个数为准。
- 4
更换显示器、调整浏览器缩放或旋转平板后，点击「重新检测」。
- 5
需要把数据贴进缺陷报告或设计交接时，用「复制全部」一次带走。
示例
27 寸 4K 显示器，150% 缩放
输入
屏幕 2560 × 1440 · 设备像素比 1.5 · 浏览器缩放 100%输出
屏幕分辨率 2560 × 1440
物理分辨率 3840 × 2160
视口约 1707 × 960高密度屏手机
输入
屏幕 412 × 915 · 设备像素比 2.6输出
屏幕分辨率 412 × 915（CSS 像素）
物理分辨率 1071 × 2379
屏幕方向 竖屏 · 触控点 5常见问题
我的屏幕分辨率是多少？
「屏幕分辨率」一行是操作系统报告的、你浏览器所在面板的完整像素尺寸，单位是 CSS 像素。开启缩放时它小于面板原生分辨率：4K 显示器在 150% 缩放下会报 2560 × 1440。乘以设备像素比才能还原真实的 3840 × 2160，而后者才是截图文件里的实际像素数。
「屏幕分辨率」和「视口」为什么不一样？
屏幕分辨率描述整块显示屏；可用屏幕再扣掉任务栏和程序坞；视口才是网页真正渲染的矩形——还要减去浏览器工具栏、扩展和打开的面板。开发者常在「明明屏幕放得下却还能滚动」时撞上这个差别：视口比显示屏小。改变窗口大小或浏览器缩放只会移动视口，分辨率不变。
设备像素比是什么，为什么要关心？
设备像素比（DPR）指 1 个 CSS 像素对应多少个物理像素。1 是普通显示器，2 是 Retina 和常见手机屏，近几年的旗舰机常到 3，桌面系统的显示缩放会让它出现 1.25、1.5 这类值。它决定 1× 图片看起来是否发虚、要不要提供 @2x 资源，以及 SVG 和 canvas 该按多大尺寸绘制才足够锐利。
为什么有些行显示横线？
浏览器会故意扣住硬件细节。设备内存只按少数几档向下取整，Safari 更是固定返回同一个值；GPU 渲染器字符串在 Safari 和 Firefox 中被屏蔽，因为它让人极易被指纹识别；连接类型只有 Chromium 内核提供；没有触控屏的笔记本，触控点就是 0。横线代表没有权限，不代表检测坏了。
网站能靠这些信息给我指纹吗？
分辨率、DPR、核心数、GPU 字符串、时区、语言列表这一组合，正是浏览器指纹所用的要素——它常常独特到无需 Cookie 就能认出回访者。现代浏览器正在反制：Safari 冻结设备内存，Firefox 与 Safari 隐藏 GPU 渲染器，Chromium 也在把 User-Agent 缩减到只剩主版本号。本页不发送任何数据，但你访问的其他网站同样能读到这些字段。
断网了还能用吗？
可以。这里每一项都来自浏览器本地 API，页面加载完成后即使没有网络也能继续检测——此时「在线状态」一行会报否。