Chrome浏览器模拟手机访问网站的设…

来源:互联网 发布:犀牛软件制作杯子 编辑:程序博客网 时间:2024/05/20 00:10
Chrome浏览器在Chrome32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了。

方法如下:

1、打开Chrome浏览器,需要32以后版本的。笔者使用的是Chrome 33版本。

2、打开“开发者工具”,快捷键(F12或者Ctrl+Shift+i)。

Chrome浏览器模拟手机访问网站的设置方法

3、在“开发者工具”界面的右侧有个“Showdrawer”按钮,点击后在“drawer”界面再点击“Emulation”。


Chrome浏览器模拟手机访问网站的设置方法

 

4、这个界面就一目了然了,Device里面可以选择各种手机或者平板设备,大概有20种之多。UserAgent和Sensors显示了模拟的数据。点击“Emulate”按钮就可以生效了。

Chrome浏览器模拟手机访问网站的设置方法

5、最后就在地址栏里面输入网址吧!看看模拟的效果怎么样?

(转自:http://www.weste.net/2014/3-26/96040.html

0 0