设备与浏览器信息检测

实时展示你的浏览器、系统、屏幕和UA信息

浏览器名称： -

浏览器版本： -

系统名称： -

系统版本： -

屏幕分辨率： -

窗口尺寸： -

像素比： -

UA = 兼容标识段 + 平台信息段 + 渲染引擎段 + 浏览器核心标识段
Mozilla/5.0 (Macintosh; Intel Mac OS X 14.0; rv:123.0) Gecko/20100101 Firefox/123.0

UA 是一串文本字符串（User Agent String），本质上是浏览器在请求网页时，发送给服务器（或前端自身可读取）的 “身份标识”，包含了浏览器类型、版本、运行的操作系统、设备类型等关键信息。

组成部分	对应示例内容	核心作用
兼容标识段	Mozilla/5.0	历史兼容用途：早期浏览器只识别 Mozilla 内核的请求，所有现代浏览器都保留该段
平台信息段	(Windows NT 10.0; Win64; x64)	描述运行环境：系统类型、版本、设备架构（如 Win64=64 位 Windows）
渲染引擎段	AppleWebKit/537.36 (KHTML, like Gecko)	描述浏览器的渲染内核：AppleWebKit 是 Chrome/Edge/Safari 的核心，Gecko 是 Firefox 核心
浏览器核心标识段	Chrome/122.0.0.0 Safari/537.36	描述浏览器本身：名称 + 版本（末尾的 Safari 段是为了兼容 WebKit 内核的识别逻辑）

像素比（ window.devicePixelRatio ）是 设备物理像素 和 CSS 像素 的比值，公式：

devicePixelRatio = 物理像素 / CSS像素

CSS 像素 ：前端开发中使用的“逻辑像素”（如 width: 100px 中的 px ），是开发层面的计量单位。

物理像素 ：屏幕硬件上实际的像素点（如手机屏幕分辨率就是物理像素总数）。

屏幕类型	像素比	CSS像素 ↔ 物理像素关系	常见设备示例
普通非高清屏	1	1个CSS像素 = 1个物理像素	老式电脑显示器、入门级安卓机
Retina 高清屏	2	1个CSS像素 = 2个物理像素	Macbook Pro、iPhone 基础款
超高清屏	3	1个CSS像素 = 3个物理像素	安卓旗舰机（如小米/华为高端款）、iPhone Pro系列

Feedback