客户端信息检测 - 在线查看浏览器系统网络设备信息
什么是客户端信息检测？
客户端信息检测是一款在线工具，能够一键获取当前设备的浏览器信息、操作系统、屏幕分辨率、网络状态、硬件配置等详细数据。适用于前端兼容性排查、用户环境分析、技术支持远程诊断等场景，所有检测在浏览器本地完成。
"我这边显示正常啊" -- 这是前端开发者最怕听到的话。页面在不同设备上表现不同，根本原因往往是环境差异。客户端信息检测让你快速获取用户的完整环境信息，精准定位兼容性问题。
检测的信息类别
- 浏览器信息：名称、版本、引擎、User-Agent字符串
- 操作系统：系统名称、版本、位数、语言设置
- 屏幕显示：分辨率、设备像素比、可用区域、色深
- 网络状态：连接类型（WiFi/4G）、下行速度、在线状态
- 硬件配置：CPU核心数、内存大小、GPU信息、触控支持
- 浏览器特性：Cookie/JavaScript/LocalStorage等特性支持情况
信息分类
基础环境
浏览器类型和版本、操作系统、设备类型（PC/手机/平板）
显示与图形
屏幕分辨率、DPR、色深、WebGL渲染器信息
网络与性能
网络类型和速度、内存大小、CPU核心数、电池状态
使用步骤
- 打开页面，工具自动检测所有客户端信息
- 浏览各分类下的详细检测数据
- 点击"复制全部信息"按钮，将检测结果复制到剪贴板
- 将信息发送给技术支持或粘贴到问题报告中
- 也可以生成分享链接，让他人查看你的环境信息
典型应用场景
- 兼容性排查：页面在用户设备上异常时，获取环境信息定位问题
- 技术支持：让用户打开此页面，快速获取设备信息辅助诊断
- 开发调试：检查浏览器是否支持某个API或特性
- 用户画像：了解目标用户的设备和浏览器分布
- 安全检测：检查浏览器安全特性（HTTPS、SameSite等）是否启用
技术实现
信息检测基于浏览器提供的各种Web API：navigator对象获取浏览器和系统信息，screen对象获取显示参数，Network Information API获取网络状态，WebGL API获取GPU信息，Performance API获取性能指标。
所有检测在浏览器本地完成，不会向任何服务器发送数据。部分信息（如精确的GPU型号、内存大小）的可用性取决于浏览器和操作系统的支持程度。
常见问题
检测的信息会泄露隐私吗？
检测的信息都是浏览器公开提供的常规数据，不包含个人身份信息。但User-Agent和屏幕分辨率等组合可能形成"浏览器指纹"，建议不要将完整信息公开分享给不信任的人。
为什么GPU信息检测不到？
GPU信息通过WebGL API获取，部分浏览器出于隐私保护会限制此信息。在隐私模式下或启用了隐私保护的浏览器中，可能返回通用值或无法获取。
网络速度准确吗？
Network Information API返回的是连接类型的估计值（如4G约10Mbps），不是实际测速结果。如需精确网速，建议使用专业的网速测试工具。
内存大小为什么显示不准确？
performance.memory API返回的是JavaScript堆内存的限制值，不是设备的物理内存总量。设备总内存需要通过Device Memory API获取，且只有部分浏览器支持。
User-Agent为什么显示的不是真实浏览器？
部分浏览器会修改User-Agent字符串。例如Edge会包含Chrome和Safari标识以兼容旧网站。工具会尝试从UA中解析出真实浏览器，但可能存在偏差。
检测信息会上传吗？
不会。所有检测在浏览器本地完成，信息不会发送到任何服务器。你复制的信息只在你主动分享时才会被他人看到。