Firefox插件之如何模拟移动设备测试Web应用

1、步骤一 ： 下载安装Firefox浏览器

百度搜索 Firefox，我们可以通过官网下载，也可以在百度软件中心下载，安装后打开浏览器。

2、步骤二 : 搜索并安装插件 User Agent Switcher

点击 "工具"-->"附加组件" , 在打开的窗口中，搜索 "User Agent Switcher", 点击 "安装"，提示安装成功后，重启浏览器！

3、步骤三 : 查看 User Agent Switcher 插件

点击 "工具" 菜单, 我们可以看到这里多了一个菜单项 "Default User Agent", 通过这个菜单项，我们可以把这个浏览器模拟为PC上的其他类型浏览器或者其他设备，先看看插件默认提供的几种选项 ： 

1. Default User Agent : 这个选项表示我们不做改变。

2. Internet Explorer : 这是个惊喜，我们可以通过这个选项将 Firefox 直接变为不同版本的 IE 浏览器，这样我们也省下很多在 PC 上切换浏览器的时间。

3. Search Robots ： 又是惊喜啊，我们可以把浏览器模拟成一个搜索引擎机器人，对于有些应用，对于搜索引擎的抓取，我们确实需要返回特定信息，我们可以通过这个选项，看看这种实现是否成功。

4. iPhone 3.0 ： 模拟苹果手机的访问

4、步骤四 : 测试默认提供的选项

我们分别通过 "Default User Agent" 和 "iPhone 3.0" 这两个选项来访问百度主页，从效果上看，百度主页对移动设备进行了很好的适配！显示效果很棒！

5、步骤五 : 添加其他移动设备 (以添加 iPad 为例)

我们可以看到这个插件默认提供的可以模拟的移动设备太少了，那我们如何模拟其他设备呢？ 答案就是自己手动添加！

点击 "工具"-->"Default User Agent" 点击选项 "Edit User Agents..." ,  弹出一个窗口，输入相关信息，保存即可!

在创建过程中，其核心内容就是 "User Agent" 那个串，我们可以百度搜索，比如对于例子中模拟 iPad 用的 User Agent 串 : Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A403 Safari/8536.25  我们百度搜索 "ipad的 User Agent" 即可得到！ 

6、步骤六 : 测试我们新加的移动设备

通过菜单选中我们新添加的移动设备，然后访问百度主页，百度依然适配了我们这个新设备，显示效果很赞!

7、步骤七 : 总结

该插件可以让一个普通的浏览器变身为其他浏览器或者移动设备，本质就是改变了发送给Web 应用的 User Agent ！ Web 应用就是通过 User Agent 来判断当前访问自己的是什么浏览器或者设备，然后根据这个判断，返回特定的页面回来！