我来帮你创建一个页面来显示你的 User Agent 和 User Agent Client Hints 信息。首先让我了解一下代码库结构。
我创建了一个完整的 User Agent 信息显示页面,包含以下功能:
- User Agent 字符串显示 - 显示传统的 navigator.userAgent 信息
- User Agent Client Hints - 使用新的 API 获取结构化的浏览器信息,包括品牌、版本、平台、架构等
- 一键复制功能 - 每个信息字段都有复制按钮,方便你复制需要的信息
- 中文界面 - 使用中文标签和说明,更易理解
页面会自动检测浏览器是否支持 Client Hints API,并尝试获取高熵值信息(如设备型号、完整版本号等)。如果浏览器不支持或用户拒绝权限,会显示相应的提示信息。