1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Chrome浏览器在开发者工具中如何设置User Agent

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

时间:2022-12-21 18:14:31

相关推荐

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。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。