屏幕与浏览器信息
工具说明
查看浏览器提供的屏幕和环境信息，包括可视区域大小、窗口内外尺寸、屏幕分辨率、devicePixelRatio、颜色主题偏好、语言、时区和 User-Agent。这些信息可用于重现显示问题，并选择合适的图片导出尺寸。
使用方式
- 浏览器可视区域和屏幕尺寸
- 设备像素比（DPR）
- prefers-color-scheme 返回的颜色主题偏好
- 浏览器语言和时区
- 将全部信息复制为文本
- 查看当前信息: 打开工具即可查看浏览器当前提供的信息。
- 调整尺寸并更新: 改变窗口大小或旋转设备后，重新刷新显示的信息。
- 复制报告: 将报告粘贴到客服请求中，或发送给团队成员。
示例
- 报告显示问题时记录浏览器可视区域大小
- 根据 DPR 选择适合高像素密度屏幕的图片尺寸
- 在翻译检查期间确认语言和地区设置
- 比较移动设备和桌面模拟环境的 User-Agent 信息
限制
- 显示的数据来自浏览器 API，不代表保证准确的硬件规格
- 注重隐私的浏览器可能会精简或修改 User-Agent 信息
- 显示的信息会直接从您的浏览器读取，不会发送至服务器进行处理。
常见问题
- 为什么显示的屏幕尺寸与实际显示器不同？
- 操作系统缩放、浏览器缩放和多屏幕设置都可能影响 screen.width 和 screen.height 的返回值。
- devicePixelRatio 是什么？
- 它表示 CSS 像素与设备物理像素之间的比例；许多 Retina 屏幕的数值为 2。
- 这个工具可以检测机器人吗？
- 不能。它只会显示浏览器提供的环境信息，无法可靠判断访问者是否为机器人。