Chrome浏览器在开发者工具中如何设置User Agent

在DeVTools界面中点击右侧三个小点 ，在弹出的对话框中选择More tools，接着点击Network conditions选项，操作如下图所示：

点击Network conditions选项之后，会出现Network conditions相关界面，找到User agent，取消勾选默认选项：

点击Custom...的下拉箭头，选择自己需要的选项之后，刷新界面就可以模拟设置的User agent：

例如设置Android(4.0.2)

使用默认User agent时的页面

 

在Console中打印navigator.userAgent的值：

 设置Android(4.0.2)之后刷新:

 刷新之后的界面就有点类型Android手机上的界面：

在Console中打印navigator.userAgent的值：

可以看到打印出来的结果跟设置的是一样的。

注意：

1、如果设置为android之后，刷新界面提示没有网络，可能是因为网络设置的是离线状态，可以切换网络：

 

2、这种方式设置的User Agent并不是全局的，只在当前tab下有效，新建的tab依旧是默认的User Agent。