1. 为什么要拿手机 UA
做移动端适配、H5 兼容排查、埋点校验时,经常需要拿到真机浏览器的 User-Agent(UA)字符串。它决定了服务端和前端如何识别设备、浏览器内核与版本,比在电脑上模拟设备要准确得多。
下面按「最准 → 最省事」的顺序给出三种方式,按需选择即可。
2. Android:Chrome 远程调试(最准也最常用)
这是最推荐的方式,拿到的是真机真实 UA,还能顺便看 Console、Network。
- 手机:设置 → 关于手机 → 连点「版本号」7 下,开启开发者模式
- 进入开发者选项,打开「USB 调试」
- 用 USB 线把手机连到 Mac,手机弹出「允许 USB 调试」时点确定
- 电脑 Chrome 打开
chrome://inspect/#devices,勾选Discover USB devices - 手机用 Chrome 随便打开一个网页,电脑端 Devices 列表就会出现这台手机
- 点
inspect→ 在 Console 里输入navigator.userAgent回车,复制那串字符串
navigator.userAgent
// 例:Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Mobile Safari/537.36
3. iPhone:Safari Web Inspector
iPhone 上只有 Safari 能这样调试,Chrome for iOS 不行(它用的是 WKWebView,但调试入口仍走 Safari)。
- 手机:设置 → Safari → 高级 → 打开「Web 检查器」
- Mac 上打开 Safari;如果没有「开发」菜单,去 设置 → 高级 → 勾选「在菜单栏显示开发菜单」
- 菜单栏 开发 → 你的 iPhone → 选择当前页面
- 在弹出的检查器 Console 里同样输入
navigator.userAgent回车复制
navigator.userAgent
// 例:Mozilla/5.0 (iPhone; CPU iPhone OS 17_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Mobile/15E148 Safari/604.1
4. 零门槛:在线 UA 查询(不管什么系统)
不想折腾调试工具时,手机浏览器直接打开下面任一站点,页面会把当前 UA 显示出来,长按复制即可:
whatismybrowser.comip138.com/ua.html
缺点是得手动从页面里抠那串字符串,不如上面两种方式直接复制干净;另外部分站点展示的 UA 可能被截断或做了格式化,复制后建议核对一下是否完整。
5. 三种方式怎么选
| 方式 | 适用设备 | 准确度 | 额外能力 |
|---|---|---|---|
| Chrome 远程调试 | Android | 最高 | Console、Network、元素审查 |
| Safari Web Inspector | iPhone | 最高 | Console、Network、元素审查 |
| 在线 UA 查询 | 任意 | 一般 | 无,仅展示 UA |
日常排查兼容问题优先用前两种;只是临时要一串 UA 填到配置里,用第三种最快。
转载自 CSDN-专业IT技术社区
原文链接:https://blog.csdn.net/qq_41767061/article/details/169464841



