正在加载，请稍候…

设备信息检测

检测当前浏览器和运行设备的详细信息，包括屏幕分辨率、像素比、浏览器版本、操作系统、用户代理字符串和网络连接类型等，帮助前端开发者进行设备适配调试和响应式布局测试。

使用方法

  1. 步骤 1：打开工具——设备信息自动检测。
  2. 步骤 2：查看屏幕分辨率、像素比、操作系统、浏览器和连接详情。
  3. 步骤 3：点击任意值复制。

常见问题

显示哪些信息？

工具显示屏幕分辨率、视口大小、像素比、色深、浏览器名称和版本、操作系统、语言以及在线/离线状态。

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

不会。所有信息均从浏览器 JavaScript API 本地读取，不传输任何数据。

为什么不同网站检测到的设备信息有时不一样？

不同网站使用不同的检测方法和库。有些信息（如屏幕分辨率、User-Agent）是准确的，而设备型号等信息通常是从 User-Agent 字符串推断的，准确性有限。现代浏览器为保护用户隐私，对某些 API 加入了随机噪声（如 canvas 指纹保护），导致不同站点可能获取到略有不同的值。

网站如何根据设备信息提供适配体验？

响应式设计根据屏幕宽度（viewport）调整布局；设备像素比（DPR）用于提供 1x/2x/3x 图片（srcset）；UA 检测可区分移动端和桌面端特性（如触摸支持）；连接速度信息可用于降低图片质量节省流量。现代建议用特性检测（feature detection）而非 UA 嗅探，更可靠且面向未来。