不需插件实现切换Chrome的User agent

chrome logo

如果你需要某种debug要求而要在不同的user agent下切换,例如查看移动版网页,切换浏览器或者设备确实很麻烦。

如果能够在一个chrome中完成所有的动作又为什么不可以呢?有一款插件叫做User-agent Switcher,它在Chrome Web Store免费提供,并且十分强大。不过插件总是要占用内存的,或者你有强迫症,不想要看到那么多插件图标,下面就教你无需插件来实现Chrome的User-agent更换。

哪些情况需要我切换User-agent

网页Debug,这对于网页设计师来说非常重要。可以随时在电脑的浏览器上看到看不到的移动端内容。

也适合于追求极度简洁网页的用户,例如如果你切换成Mobile的新浪微博,将会变得十分清爽。

weibo iphone browser

或者在某些网页下模拟特定的浏览器。

Chrome浏览器

你可能需要较新版本的Chrome

Chrome是全球成长速度最快的浏览器。还没有Chrome吗?

无需插件实现切换Chrome的User-agent

下面详细讲解如何不需插件实现切换Chrome的User agent

审查元素

在你想要切换的网页上任何地方右键单击,选择[审查元素]

chrome useragent viewsource

然后选择底部视图右上方的[...][More tools][Network Conditions]。

chrome network conditions

设置User-agent 模拟自适应窗口大小

在冒出来的设置页面中你就可以更改 User agent 字段了。浏览器已经内置了一些常用的字段。

chrome network conditions useragent甚至可以选择[Emulations]来设置设备页面的大小,用以在设计自适应网站(响应式布局)时,直接模拟移动设备的屏幕尺寸。

刷新页面

完成后,不要急着关闭这个设置页面,先刷新一下,是不是看到已经成功切换了呢?

是不是很方便啊。

这是个临时的方法,不久你的user-agent会自动变回来。

chrome useragent switched useragent

还有插件User-agent Switcher

如果你觉得上面这个方法不好用或者觉得麻烦,你可以去Web Store下载安装这款插件,效果很好哦。

chrome useragent plugin useragent switcher

谢谢收看。

随机推荐