让你的浏览器充满魔性——User Agent Switche

对于前端人员，闲暇时就会研究各种插件，今天我就分享User Agent Switcher在Firefox和Chrome的使用情况。

一、Firefox浏览器

User Agent Switcher 作为火狐最受欢迎的扩展之一，为火狐增加一个菜单和工具栏按钮，让您能快速地切换浏览器的User

Agent（用户代理、UA），实现火狐的华丽大变身。不论是伪装成其他平台/品牌的浏览器，还是伪装成其他版本的火狐，都没有问题。

我们先在firefox里安装下User Agent Switcher，打开火狐浏览器，然后猛戳：下载，安装完成后，我们可以在浏览器左上位置，点击工具，可以看到“Default User Agent”选项，表示安装成功了，如下图：

我们可以看到IE，Search Robots和iPhone等UA列表，这些可以便于我们在火狐浏览器在模拟其他终端浏览器的效果。

使用方法：

用起来很简单，比如你可以选择iPhone，然后打开QQ网站，发现在火狐浏览器上看到的就是QQ网站移动版页面了。

当然我们平时做的项目不仅仅限于这三种UA列表，还必须适用于各种测试设备，在这里，大伙可以猛戳这里：下载更多UA列表，下载完成后，点击“User Agent Switcher”> "Options >“inport”按钮，将刚才下载 useragentswitcher.xml 导入到扩展中即可。导入完成后的菜单如下图：

这些就是我们常用的UA列表了。需要的时候，选择合适的UA，就可以了。当然，也可以在现有的UA基础上进行“新建”（New）或“修改”（Edit），达到您想要的效果。从此，您的火狐就有魔法啦，想怎么变就怎么变~有木有感觉到很神奇呢。

好啦，关于User Agent Switcher在firefox里的应用就介绍到这里，接下来介绍在chrome里如何使用。

二、Chrome浏览器

其实User Agent Switcher在Chrome里面应用跟火狐差不多了，同样，我们先下载它，打开谷歌浏览器，请猛戳这里：下载。

添加到chrome，完成后，如果你在谷歌浏览器地址栏右边看到这个小图标，就说明你安装成功啦！恭喜恭喜！！如图：

我们可以点击这个icon，可以看到很多UA列表，如图：

wow，惊奇发现UA列表比火狐默认的多很多，并且很全面，就不用再去下载UA列表了。

使用方法：

同firefox，选中一个UA列表，然后打开一个网站，就可以看到在不同设备上的效果拉，神奇吧！赶紧下载玩玩吧。

好啦，关于User Agent Switcher在chrome里的应用就介绍到这里。

上面我们分别总结了User Agent Switcher在火狐和谷歌浏览器里的应用，学会了这些，我们可以在各种终端设备来回切换看页面效果，o(∩_∩)o 哈哈。

其实在这里我也想扩展下。其实这个idea源于公司近期的一个"微信游戏活动"，因是外包，所以目前没法看到源码。大伙知道，微信公共帐号上的一些游戏活动页面，在我们PC浏览器上是打不开的，是否有办法看到呢，我也试过很多方法，最后发现User Agent Switcher可以解决此问题，也就是伪造微信浏览器，于是迫不及待的分享出来：

在火狐里，我们可以点击“User Agent Switcher”> “Options”> “New”> “New User Agent”

然后在User Agent里输入以下（两个版本，需建立两个UA）：

安卓：Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; LA-Q1Build/JRO03C)

AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0Mobile Safari/534.30

MicroMessenger/4.5.1.261

IOS：Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_4 like Mac OS X)AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B350MicroMessenger/4.5

如图：

其他的默认，只填写这两项即可，确定。然后我们可以在UA列表中可以看到了，点击选中它，这样我们就可以访问微信公共帐号上的一些游戏活动页面。

在谷歌里，在ICON上点击鼠标右键>选项

输入我们的信息：

第二个输入框内输入信息（两个版本，需建立两个UA），代码分别如下：

安卓：Mozilla/5.0 (iPhone; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9B176 MicroMessenger/4.3.2

IOS：Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5660 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MicroMessenger/4.5.255

其他选项随便填写，添加完成后，使用方法就不啰嗦了。

最后总结：

User Agent Switcher其实还有很多，我就不一一道出了，凡是用过的前端人，都知其在，测试响应式页面便捷性，轻松破解公共微信帐号的活动，查看其代码。

切图网（qietu.com）是一家专门从事web前端开发的公司，专注we前端开发，关注用户体验，欢迎订阅微信公众号：qietuwang