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

2014-09-21    分类:杂文   0人评论 2,278人浏览

以前我们介绍过如何通过修改Chrome浏览器运行参数的方法来模拟手机访问网站,但是在Chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了。

方法如下:

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

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

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

可直接在页面上右键,选择“审查元素”后就能出现下图页面

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

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

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

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

转载请注明:悦目网 - 新媒体营销交流互动平台 » Chrome浏览器模拟手机访问网站的设置图文方法

本文作者:

我来说说»

*

*

取消