设备与浏览器信息
查看屏幕分辨率、像素比与色深、窗口尺寸、时区与语言、CPU 核心数、内存、User-Agent、触摸支持、WebGL 显卡、网络状况与各项现代 API 的支持情况，可一键复制报告。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
概览
…
这个工具能做什么
- 报 bug 时先把设备与浏览器信息一键复制进工单，避免「在我这能复现」来回追问屏幕尺寸、系统版本和 UA。
- 做响应式排查：确认当前窗口尺寸、屏幕可用区域、像素比与物理分辨率之间的换算关系。
- 上线新特性前查一下目标 API 的可用性：WebGPU、SharedArrayBuffer、Service Worker 等 20 项支持情况一目了然。
- 排查显卡相关渲染问题时看 WebGL 厂商与渲染器字符串，确认是否被软件渲染（SwiftShader / llvmpipe）接管。
示例
输入
Chrome 120 的 UA：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36
输出
浏览器：Chrome 浏览器版本：120 渲染引擎：Blink 操作系统：macOS 设备类型：desktop
页面打开时会自动读取本机的屏幕、窗口、时区、CPU 核心数、WebGL 等真实信息，上表是 UA 解析规则的部分输出示例。
常见问题
这些信息会被上传吗？
不会。所有数据都是页面加载后在浏览器里现读现算的，复制报告也只是写进你的剪贴板，页面不发任何网络请求。
为什么内存和 CPU 核心数有时显示「未知」？
navigator.deviceMemory 只有 Chromium 系浏览器提供，Safari 和 Firefox 不实现，所以显示「浏览器未提供」；hardwareConcurrency 在部分隐私模式或加固浏览器里也会被抹成固定值或缺失。
WebGL 显示不可用是怎么回事？
常见于无头浏览器、禁用硬件加速、显卡驱动被系统屏蔽或隐私扩展拦截。工具会尝试创建 WebGL 上下文并读取 WEBGL_debug_renderer_info，失败时明确显示不可用而不是编造一个值。
像素比和物理分辨率是什么关系？
物理像素 = CSS 像素 × devicePixelRatio。截图或做高清适配时要用物理像素，写 CSS 布局时用 CSS 像素。比如 1920 × 1080 配 2 倍像素比，物理分辨率就是 3840 × 2160。
可以用它做指纹识别吗？
这些字段组合起来确实有辨识度，但工具只展示、不存储、不上传，刷新页面即清空。反过来说，UA、显卡字符串这类信息本来就能被任何网站读到，这也是浏览器厂商不断削减其精度的原因。
关键词：device information设备信息uauser agent屏幕分辨率webglpixel ratio硬件信息browser info