用谷歌浏览器模拟手机的方法

内容纲要

现在移动开发变得越来越HOT了,各种公司对这方面的需求也越来越多。但是对于前端开发者来说,兼容各种不同屏幕尺寸是一件特别让人蛋疼的事,就如同兼容奇葩的IE6一样。那么我们就需要借用合理的工具来减小我们的工作量,古人云:工欲善其事,必先利其器!

不在费话了,回到今天的主题,具体方法如下:

1.下载并安装最新的googel浏览器

2.设置模拟器:打开任意页面,按F12->设置(弹出框右上角的齿轮按键)->勾选下图所示两个选项

11

 

3.设置手机型号:在第二步的基础上按ESC键,然后如下图所示设置

22

4.输入一个有手机网站的网站查看效果,如www.baidu.com,效果如下:

33

 

至此就大功告成了!!!

 

发表评论

邮箱地址不会被公开。 必填项已用*标注

45 ÷ 5 =