怎么使用电脑浏览器测试手机浏览器

打开ie浏览器，找到右上角的“菜单栏”按钮。

点击又上角的菜单栏，点击“工具”，点击“开发者工具”，进入浏览器的“调试模式”。

点击“开发者工具”右下角的类似于齿轮的按钮，进入开发者工具的设置页面。手机的宽度高度也可以设置，手机上的一些html触发事件也可以进行设置。

设置完以后，就可以使用手机浏览器模式浏览网页了。

不同浏览器设置方法不同，这里举例谷歌浏览器、火狐浏览器和360浏览器

1、打开360浏览器，右击空白处，点击“审查元素”。

2、点击“审查元素”界面右下角“设置”按钮，如下图所示。

3、点击“Overrides”，勾选“Enable”和“User Agent”。

4、完成以上步骤后，在下拉框中根据自己的需求选择手机系统。

5、 *** 作完成后，在地址栏中输入你想测试的手机链接。

END

Google Chrome 谷歌浏览器

1、电脑谷歌浏览器模拟手机浏览器也是很好用的，设置步骤和360浏览器一样，这里就不图片介绍了。右击空白界面选择“审查元素”，点击右下角“设置”进入设置界面，点击“Overrides”，勾选“User Agent”。

2、完成以上设置后，在地址栏中输入手机链接测试了。

END

火狐浏览器

相较于360和谷歌浏览器，火狐浏览器设置相对来说比较麻烦一点，还要下载插件“User Agent Switcher”。由于网络比较差，User Agent Switcher 插件我就不上传了，大家可以百度搜索下载。完成后，选择用火狐浏览器打开就自动附加上了。

然后点击“工具”-“Default User Agent”-“iPhone 3.0”。

以上步骤完成后，在浏览器地址栏中输入手机链接即可。

用电脑PC浏览器模拟手机页面的方法

以百度首页www.baidu.com为例，电脑上用Chrome打开，看到的页面就是正常的电脑版网页。

这时我们随便在网页上任何一处右键，都可以看到右键菜单最末尾处的“审查元素”，点击它。

再看到百度首页的界面变成了这样，注意到偏右上角位置有一个小手机的图标，点击它。

找到偏左上角的选择模式，在下拉菜单中有许多设备可供选择，选择了那种设备，浏览器的UA标签就会改变，呈现的就是选择设备的显示方式。有kindle系列，ipone系列，ipad系列，nexus系列，还有一些平板设备一共46种丰富的选择，如果没有找到需要的还可以在下面的框里面自定义UA。

选择一个想要的样子，之后刷新，就可以看到进入手机浏览器模拟浏览的样子了。当然也可以自己自定义长宽。

在顶部还有一个选项是用来选择网速的，列表越下面网速越快，主要是为了网页调试而设计的功能。这个功能还可以用来自定义电脑网页的网速，点左上角的禁止标志，选择相应网速，再刷新，发现加载变慢了。有需求可以试下。

---