WP小工具 - 轻量实用的网页设备与网络信息检测工具

实现代码（添加至WP小工具 - 自定义HTML）

核心功能：四大信息模块全覆盖

1. 设备基础信息
   自动解析浏览器（Chrome/Firefox/Safari 等及版本）、操作系统（Windows/macOS/Android/iOS 等），识别设备类型（电脑 / 手机 / 平板），同时显示 IP 地址及归属地（精确到城市、地区层级）。
2. 网络状态监测
   不仅能识别网络类型（Wi-Fi / 移动网络 / 有线网络等，兼容浏览器差异）、网络运营商，还可实时检测网络延迟，通过毫秒级数值结合 “良好 / 一般 / 较差” 分级，直观反映网络质量。
3. 硬件参数采集
   精准获取屏幕分辨率、像素密度（DPR）、屏幕方向（竖屏 / 横屏），同时提取设备 CPU 核心数、内存容量，为适配不同硬件配置提供数据支撑。
4. 时间信息同步
   同步显示本地时区、本地时间（精确到秒）、UTC 标准时间及时间戳，解决跨时区场景下的时间校准问题。

技术亮点：轻量高效，兼容稳定

• 信息解析：通过navigator.userAgent解析设备与浏览器信息，结合screen、performance等 API 获取硬件与性能数据；
• 远程数据：调用ipinfo.io接口获取 IP 归属地与运营商信息，失败时自动降级显示本地可获取数据，保障可用性；
• 兼容性处理：针对不同浏览器（Chrome/Edge/IE 等）的 API 差异，适配网络类型检测、屏幕方向识别等功能，减少兼容问题；
• 交互优化：加载时显示 “加载中” 状态，延迟检测超时自动提示，配备 “刷新信息” 按钮，支持实时重新采集数据。

实用价值：多场景适配需求