输入 User Agent
打开工具后,输入框中会自动填入当前浏览器的 User Agent 字符串。你也可以手动粘贴其他来源的 UA 字符串进行解析。
如果需要从浏览器 DevTools 获取 UA:
- 按
F12 或 Cmd+Option+I(macOS)打开开发者工具
- 切换到 Console 面板
- 输入
navigator.userAgent 并回车,复制输出结果即可
也可以在 Network 面板中点击任意请求,在 Headers 中找到 User-Agent 字段。
理解解析结果
粘贴 UA 后,工具会将其拆解为以下维度:
- 浏览器:名称和版本号,如 Chrome 120、Safari 17.2、Firefox 121
- 操作系统:系统名称和版本,如 Windows 11、macOS 14.2、Android 14、iOS 17
- 设备类型:桌面端、移动端或平板。部分 UA 还能识别出具体的设备型号(如 iPhone、Samsung Galaxy 等)
- 引擎:渲染引擎信息,如 Blink、WebKit、Gecko
需要注意的是,UA 字符串的格式并不统一,不同浏览器为了兼容历史原因,往往会在 UA 中包含其他浏览器的标识。比如 Chrome 的 UA 中也包含 Safari 字样,这是正常现象。
常见使用场景
前端调试
用户反馈页面在某个环境下显示异常时,让用户提供 UA 字符串,粘贴到工具中即可快速定位浏览器和系统版本,判断是否属于兼容性问题。
数据分析
在分析网站访问日志时,可以将日志中的 UA 粘贴进来,确认某条记录对应的设备类型和浏览器版本,帮助理解流量分布。
爬虫识别
部分爬虫和机器人有特定的 UA 格式(如 Googlebot、Bingbot)。将可疑请求的 UA 粘贴进来,能够快速判断是正常用户还是爬虫。
测试验证
开发响应式页面时,可以对比不同设备的 UA 解析结果,确认你的 UA 检测逻辑是否准确。