如何在谷歌浏览器中通过开发者工具修改User-Agent模拟其他浏览器

在Chrome中可通过开发者工具临时修改User-Agent：先按F12打开面板，再进入Network conditions取消Select automatically，手动输入目标UA字符串并回车刷新即可生效；也可用Ctrl+Shift+M进入响应式模式选择预设设备一键切换。

您需要在谷歌浏览器中临时模拟iPhone、Android或微信内置浏览器等不同客户端访问网页，以便测试响应式布局、绕过设备限制或验证服务器是否返回适配内容。这无需安装插件，直接用Chrome自带的开发者工具就能完成，且操作后立即生效。

用开发者工具临时覆盖User-Agent

这一步操作起来很简单，直接按快捷键就能打开调试面板，适合单次快速验证。

1、打开Chrome，访问任意网页（如 google.com）→ 按 F12 或 Ctrl+Shift+I（Windows/Linux）或 Cmd+Option+I（macOS）唤出开发者工具。

2、点击右上角三个竖点图标 → 选择 More tools → Network conditions。

3、取消勾选 Select automatically —— 这是关键前提，不取消则后续输入无效。

4、在 User agent 输入框中粘贴目标字符串，例如微信iOS版：Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 MicroMessenger/8.0.48(0x1800302a) NetType/WIFI Language/zh_CN

5、按下回车 → 刷新当前页面，此时服务器收到的请求头即携带新UA。可在开发者工具的 Network 标签页中点击任一请求 → Headers → Request Headers → User-Agent 查看是否已变更。

用设备模拟模式一键切换预设UA

如果您只想快速切换到常见手机型号，不用记长串字符串，这个方法更直观，还能同步调整视口尺寸和触摸事件支持。

方法一：快捷键进入响应式模式
按 Ctrl+Shift+M（Windows/Linux）或 Cmd+Shift+M（macOS），页面自动缩放为移动视图，顶部出现设备选择栏。

方法二：手动启用设备工具栏
在开发者工具左上角点击 设备切换图标（?） → 从下拉菜单中选择预设设备，如 “iPhone 14” 或 “Pixel 5” → 页面立即刷新并应用对应 UA 与 viewport。

注意：该模式下若需自定义 UA，仍需点击右上角三点 → More tools → Network conditions → 取消 Select automatically 后手动填写。

验证修改是否生效

刷新页面后，打开开发者工具的 Console 标签页，输入：
navigator.userAgent
回车执行，终端将直接输出当前生效的 UA 字符串。

若返回值与您粘贴的内容一致，说明修改成功；若仍显示 Chrome 默认 UA（如包含 “Chrome/120.0.0.0”），请检查是否漏掉取消 Select automatically 步骤。

关闭开发者工具或切换标签页后，UA 自动恢复为原始值，无需手动还原。