设备信息检测会读取你当前浏览器愿意告诉网页的一些基本信息,并列成一张表:屏幕分辨率、可用屏幕区域、浏览器窗口大小、设备像素比、色彩深度、操作系统平台、浏览器语言、是否在线、CPU 逻辑核心数、设备内存、触摸屏支持、Cookie 是否启用和时区,共 13 项。它不是硬件检测软件:看不到显卡型号、硬盘、电池、真实内存大小等信息,也不能判断设备性能好坏,只展示浏览器接口返回的内容。
操作步骤
- 打开页面,不需要点击任何按钮,信息会在加载后立刻显示在「你的设备信息」下方的网格里。
- 对照每一行的名称和右侧的数值读取信息。数值使用等宽字体显示。
- 想看窗口大小如何变化,拖动浏览器窗口边缘,或者旋转手机,「浏览器窗口大小」等数值会随之刷新。
- 需要反馈给客服或开发者时,可以直接截图或手动抄录相关行。
每一项的含义
- 屏幕分辨率:浏览器报告的整个屏幕宽高,单位为像素。高分屏上可能是缩放后的逻辑像素,而不是物理像素。
- 可用屏幕区域:去掉任务栏、菜单栏等系统界面占用后的可用宽高。
- 浏览器窗口大小:当前页面可视区域的宽高,随窗口缩放而变化。
- 设备像素比:物理像素与逻辑像素的比例,常见的有 1、2、3;缩放页面时它也会变化。
- 色彩深度:屏幕每个像素使用的位数,如 24 位。
- 操作系统平台:浏览器的 platform 值,例如 Win32、MacIntel、Linux x86_64,拿不到时显示「未知」。该字段在新标准中已不推荐使用,有些浏览器会返回固定或模糊的值。
- 浏览器语言、是否在线、Cookie 是否启用:分别来自浏览器的语言设置、联网状态和 Cookie 开关。
- CPU 逻辑核心数:浏览器报告的并发线程数,不一定等于物理核心数。
- 设备内存(大约):只有部分浏览器提供,而且是向下取整、并设有上限的近似值;没有提供时显示「浏览器未提供此信息」。
- 触摸屏支持:通过检测页面是否有 ontouchstart 事件判断,带触摸屏的笔记本等混合设备的结果可能与你的预期不符。
- 时区:来自浏览器的国际化接口,如 Asia/Shanghai。
使用场景示例
比如你在给网站做适配,想知道朋友手机上页面为什么显示错位:让对方打开这个页面,发你看「浏览器窗口大小」和「设备像素比」,就能知道页面实际获得的宽度。又或者反馈问题时,客服让你提供屏幕分辨率和浏览器语言,从这里直接抄录即可。这里没有计算过程,也不涉及任何基准测试数据。
支持范围与已知限制
- 显示的全部是浏览器愿意提供的信息,不同浏览器、隐私模式和反指纹扩展可能让某些数值被固定、取整或隐藏。
- 窗口缩放以及联网/断网事件会触发刷新,所以「是否在线」会随网络状态自动更新;其他数值是页面打开时读取的,变化后需刷新页面。
- 不检测浏览器名称和版本,如需查看这些请使用 User-Agent 检测工具。
- 不能读取电池、网络类型、摄像头、地理位置等需要授权的信息,页面也不会弹出任何权限请求。
- 触摸屏支持的判断方法比较简单,在部分混合设备或桌面浏览器的触摸模拟模式下可能不准。
- 结果无法导出,也没有复制按钮。
为什么屏幕分辨率和我买的显示器参数不一样?
因为浏览器报告的往往是系统缩放之后的逻辑分辨率。例如显示器物理像素很高,但系统设置了 150% 或 200% 缩放,网页看到的数字就会更小。设备像素比能帮你反推缩放倍数。
为什么设备内存显示「浏览器未提供此信息」?
因为这项接口只在部分浏览器(主要是基于 Chromium 的浏览器)中可用,而且出于隐私保护,返回的是粗略值。Firefox、Safari 通常不提供。
这个页面会收集我的信息吗?
页面代码只是在你的浏览器里读取这些数值并显示,没有把它们发送出去。
时区不对怎么办?
时区来自你操作系统的设置。如果显示不对,请在系统里修改时区后刷新页面。
隐私与处理方式
这个工具完全在你的浏览器中运行,所有读取到的数值只用于在页面上显示,代码中没有向服务器发送这些数据的请求,也不会保存。需要注意的是,任何网站理论上都可以读取同样的这些接口,所以在向别人分享截图时,时区、语言等信息可能让对方对你的所在地区有大致了解。