本文介绍了如何在Chrome开发者工具(DeVTools)中通过Networkconditions选项模拟不同的Useragent，如Android设备。通过取消默认设置，选择Custom...并设置为Android(4.0.2)，可以观察到页面显示和console中navigator.userAgent值的变化。注意，设置的UserAgent仅在当前tab生效，新建tab将恢复默认。在设置为Android后，如果出现无网络问题，可能需检查网络设置。此功能对于前端开发和移动应用测试尤其有用。
在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。
扫一扫
1595
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
