在Chrome中通过开发者工具临时修改User-Agent，是前端开发、测试和调试时非常实用的技能。无论是想模拟手机访问效果、绕过某些设备限制，还是验证服务器是否对不同客户端返回了适配内容，都不需要安装任何额外插件。直接在Chrome自带的调试面板里操作，生效快，用完即走。下面把两种最常用的方法拆开讲清楚。

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

这一套操作很适合单次快速验证。不需要记住复杂的命令，按几个快捷键，粘贴一次目标字符串就行。步骤如下：

打开Chrome，随便访问一个页面，比如google.com。按下F12或Ctrl+Shift+I（Windows/Linux）或Cmd+Option+I（macOS）打开开发者工具。

接着，点击右上角的三个竖点图标，选择More tools → Network conditions。这一步是把网络条件面板调出来，用来修改请求头。

关键的一步来了：取消勾选Select automatically。如果不取消，你后续输入的任何字符串都不会生效，系统会一直用默认的Chrome UA。

现在，在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

按下回车，刷新当前页面。此时服务器收到的请求头就已经携带了新UA。如何确认？到开发者工具的Network标签页里，随便点一个请求，查看Headers → Request Headers → User-Agent，就能看到是否已经变更。

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

如果你只是想快速切换到常见的手机型号，比如iPhone 14或Pixel 5，又不想记那一长串字符，这个方法更直观。它还能同步调整视口尺寸和触摸事件支持，方便全面模拟移动端环境。

有两种进入方式：

快捷键法：直接按Ctrl+Shift+M（Windows/Linux）或Cmd+Shift+M（macOS），页面会自动缩放为移动视图，顶部会出现一个设备选择栏。

手动法：在开发者工具左上角点击设备切换图标（手机加平板那个图标），从下拉菜单里选择一个预设设备，比如“iPhone 14”或“Pixel 5”，页面立即刷新并应用对应的UA和viewport。

需要留意一点：在这个模式下，如果要自定义UA（用非预设的字符串），还是要走回Network conditions面板，取消Select automatically后手动填写。

验证修改是否生效

刷新页面后，打开开发者工具的Console标签页，输入一行命令：
na vigator.userAgent
回车执行，控制台会直接输出当前生效的UA字符串。

如果返回值与你粘贴的内容一致，说明修改成功。如果返回值里还带着“Chrome/120.0.0.0”这样的字样，那就说明修改没生效，最有可能的原因就是忘记取消Select automatically那个勾了。

这个修改只对当前标签页有效。关闭开发者工具、切换标签页或关闭页面后，UA会自动恢复为原始值，不需要手动还原，非常省心。

《夸克》非常好用的免费AI浏览器

下载APP查看