【Google Chrome】如何让浏览器显示手机网页

先前在网上爬文的时候看到过很多文章说在Chrome的快捷方式上加参数以达到显示手机网页的效果，总感觉有点不妥。

今天在老外网站上看到一篇文章，如何把各种浏览器变成手机模拟器，以达到显示手机网页的效果。这对于开发移动网页的童鞋是莫大的关怀，于是乎不敢独享。

首先贴上外网原文的地址，E文好的同学可以直接浏览。How to Change Your Browser’s User Agent Without Installing Any Extensions

因为我只有IE和Google Chrome，而且99.99%时间都用Chrome，所以只讲述Google Chrome如何设置的，有兴趣的童鞋可以参考E文原文来研究一下其他的浏览器，包括【IE】、【Firefox】

E文原文图片中使用的Google Chrome可能版本较低，跟我目前使用的v35.0.1870.2版本设置不大一样。

====================测试环境======================

系统: Win7sp1 32位

浏览器: Google Chrome v35.0.1870.2

================================================

无图无真相，以百度网盘为例:

设置方法:(如图所示)

1、使用Chrome快捷键F12或者Ctrl+Shift+I,打开开发模式。

2、点击Setting旁边的Show Drawer按钮。

3、切换到Emulation标签就能看到标签名里面的Device有N种手机模式的选项了，不禁再次感慨Google Chrome太强大了。

① Setting旁边的Show Drawer按钮

② 切换至Emulation标签

③ 选择你想模拟成的手机设备，图中为苹果IPhone5了。。选好设备后点击Emulate再刷新网页就可以显示手机网页了，如果想复原成PC网页，点击Reset就可以了。

小结：

有些网站不是需要手机登录才能做特定的事情嘛，接下来你懂的。。