好运来吧你头像

如何获取手机浏览器的 User-Agent(Android / iPhone 全平台)

1. 为什么要拿手机 UA

做移动端适配、H5 兼容排查、埋点校验时,经常需要拿到真机浏览器的 User-Agent(UA)字符串。它决定了服务端和前端如何识别设备、浏览器内核与版本,比在电脑上模拟设备要准确得多。

下面按「最准 → 最省事」的顺序给出三种方式,按需选择即可。

2. Android:Chrome 远程调试(最准也最常用)

这是最推荐的方式,拿到的是真机真实 UA,还能顺便看 Console、Network。

  1. 手机:设置 → 关于手机 → 连点「版本号」7 下,开启开发者模式
  2. 进入开发者选项,打开「USB 调试」
  3. 用 USB 线把手机连到 Mac,手机弹出「允许 USB 调试」时点确定
  4. 电脑 Chrome 打开 chrome://inspect/#devices,勾选 Discover USB devices
  5. 手机用 Chrome 随便打开一个网页,电脑端 Devices 列表就会出现这台手机
  6. 点 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)。

  1. 手机:设置 → Safari → 高级 → 打开「Web 检查器」
  2. Mac 上打开 Safari;如果没有「开发」菜单,去 设置 → 高级 → 勾选「在菜单栏显示开发菜单」
  3. 菜单栏 开发 → 你的 iPhone → 选择当前页面
  4. 在弹出的检查器 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.com
  • ip138.com/ua.html

缺点是得手动从页面里抠那串字符串,不如上面两种方式直接复制干净;另外部分站点展示的 UA 可能被截断或做了格式化,复制后建议核对一下是否完整。

5. 三种方式怎么选

方式适用设备准确度额外能力
Chrome 远程调试Android最高Console、Network、元素审查
Safari Web InspectoriPhone最高Console、Network、元素审查
在线 UA 查询任意一般无,仅展示 UA

日常排查兼容问题优先用前两种;只是临时要一串 UA 填到配置里,用第三种最快。

转载自 CSDN-专业IT技术社区

原文链接:https://blog.csdn.net/qq_41767061/article/details/169464841

文章来源转载

评论

评论列表

微信小程序
QQ小程序

关于作者

点赞数:0
关注数:0
粉丝:0
文章:0
关注标签:0
加入于:--