设备信息

关于 设备信息

调试响应式布局或排查兼容问题时，你常想一眼看清当前设备的屏幕尺寸、像素比、视口大小、浏览器和系统等信息。本工具在浏览器本地读取并展示这些运行时参数：屏幕分辨率与可用区域、devicePixelRatio、视口宽高、色深、时区、语言、是否触摸屏等，全部来自浏览器自身 API。数据仅在你的页面里显示，不会被收集或上报。所有处理均在浏览器本地完成，无需安装任何软件，它常用于响应式调试前的环境确认、埋点上报的环境字段核对，以及向技术支持描述“我这边显示正常”时的客观依据。向技术支持反馈问题时，直接附上这些参数能让对方更快复现环境，省去反复追问的往返；做响应式调试时也可用它确认视口与像素比，判断断点是否按预期触发，比单纯拖动窗口凭肉眼估计要可靠得多。

排查「只有部分用户遇到」的问题时，第一步往往是确认对方的实际环境：屏幕尺寸与像素比、浏览器与系统版本、输入方式（鼠标、触摸还是触控笔）、以及是否启用了减弱动效这类无障碍设置。这些信息由用户口头描述通常不准确，直接读出来则准确得多。 实现原理是调用浏览器提供的环境查询接口，读取屏幕与视口的尺寸、像素密度、当前语言与时区、输入能力以及若干偏好设置。需要注意这些读数中有不少是「近似值」：像素比可能是被系统缩放过的结果，视口尺寸在移动端会被地址栏的显示与隐藏影响，屏幕尺寸在折叠屏与外接显示器场景下也不能代表实际可用区域，因此判断布局问题时应以视口与元素实测尺寸为准，而不是屏幕尺寸。 使用要点：把这份信息与问题描述一起提交，能显著减少来回沟通；建议在反馈表单里做成「一键复制环境信息」，比要求用户手动抄写可靠得多。开发者自己调试时，应比对「本机读数」与「复现用户读数」的差异，重点看像素比与视口宽度，因为这类差异直接决定是否命中了某个断点。 边界与限制：出于隐私保护，浏览器对部分信息的精度做了限制，例如屏幕尺寸与像素比都可能被取整或模糊化，可用字体列表等接口也被刻意收窄，因此读不到某个值属于正常现象而不是接口出错。此外某些字段依赖用户授权（如地理位置）或运行环境（如电池信息在部分浏览器不可用），设计功能时应有降级方案。最后，组合多项信息可以形成设备指纹，出于隐私考虑不应把这类信息长期存储或用于跨站点追踪。 数据与隐私：设备信息具有识别性，与账号关联后可能构成个人信息。本工具仅在浏览器内读取并展示，不上传也不保存任何读数；若你把结果粘贴到公开渠道求助，建议先去掉时区与语言等可用于定位的字段。