设备信息

查看浏览器和设备信息

开发者工具

如何使用 设备信息

  1. 1打开页面
  2. 2您的设备信息自动显示
  3. 3使用复制按钮复制任何值

关于 设备信息

设备信息工具显示有关您当前浏览器、操作系统、屏幕和设备功能的详细信息——全部直接从浏览器标准 API 读取。无需安装、无需扩展、无需服务器通信。

开发者、QA 工程师和支持团队在调试特定于浏览器的问题时经常需要捕获环境详细信息。此页面以干净、可复制的格式呈现所有相关详细信息,而不是浏览浏览器设置菜单或读取原始用户代理字符串。

所有数据均从标准浏览器 API 读取,完全保留在您的设备上。

设备信息的主要功能

  • 显示浏览器名称、版本和渲染引擎
  • 显示操作系统和操作系统版本
  • 屏幕分辨率、视口尺寸和设备像素比
  • 颜色深度和显示颜色色域
  • 时区、语言设置和区域设置
  • 在线/离线状态和连接类型(如可用)
  • 硬件并发性(逻辑 CPU 核心数)
  • 完全在浏览器内运行——不向任何服务器传输任何内容

示例

捕获错误报告的环境详细信息

收集浏览器和操作系统详细信息以包含在 Jira 工单或 GitHub Issue 中。

输入

在您的浏览器中打开设备信息页面

输出

浏览器: Chrome 124.0.0 | 操作系统: macOS 14.4 | 屏幕: 2560×1600 (2× DPI) | 视口: 1280×800

在跨设备测试期间验证响应式断点

在测试响应式设计时检查实际视口宽度和设备像素比。

输入

在移动浏览器或浏览器 DevTools 设备模拟中打开

输出

视口: 375×667 | 设备像素比: 3 | 触摸: 是

常见使用场景

  • 捕获浏览器和操作系统详细信息用于错误报告和支持工单
  • 在响应式设计测试期间验证视口尺寸和设备像素比
  • 检查硬件并发性以了解 Web Workers 可用的线程数
  • 记录跨不同设备的 QA 测试的测试环境
  • 确认影响日期/时间显示的时区和区域设置
  • 通过显示 Web 应用可用的数据来讲解浏览器 API 功能

故障排除

操作系统显示为未知

解决方案

操作系统检测依赖用户代理字符串解析。隐私扩展或伪造的用户代理可能报告不正确或空的操作系统信息。

屏幕分辨率显示意外值

解决方案

screen.width 和 screen.height 报告物理屏幕尺寸。在高 DPI 显示器上,CSS 像素与物理像素不同。

即使在多核机器上,硬件并发性也显示为 1

解决方案

某些浏览器出于隐私原因限制 navigator.hardwareConcurrency。Firefox 和 Brave 可能报告减少的值以防止指纹识别。

常见问题

这些信息会被发送到服务器吗?

不会。所有信息直接从浏览器 API 读取并在本地显示。不会向任何服务器传输任何内容。

为什么操作系统版本有时显示不正确?

操作系统版本检测依赖解析用户代理字符串,注重隐私的浏览器可能会伪造这些字符串。

什么是设备像素比?

设备像素比(DPR)是物理屏幕像素与 CSS 像素的比率。DPR 为 2 表示每个 CSS 像素有 4 个物理像素——这在 Retina 显示器上很常见。

什么是硬件并发性?

硬件并发性报告逻辑 CPU 核心数。Web 应用可以使用这个值来决定生成多少个并行 Web Workers。

可以用它来测试用户是否在移动设备上吗?

是的,设备信息显示用户代理字符串和触摸支持。对于生产代码,请使用功能检测而不是用户代理解析。

它显示 GPU 信息吗?

基本 GPU 信息可通过 WebGL 渲染器字符串获得。此工具专注于最实用的设备属性。

为什么视口大小与屏幕大小不同?

视口是可见的浏览器窗口区域。屏幕大小是总物理显示分辨率。两者不同是因为浏览器界面占用了空间。

这可以用于浏览器指纹识别吗?

此处显示的属性与浏览器指纹识别中使用的属性相同。此工具仅出于合法调试目的提供这些信息。