随着移动设备的大量增加,响应式布局的使用越来越多,各个浏览器厂商也纷纷推出移动端模拟的方法,总结如下。
大家可以根据自己的喜好,选择不同的工具来使用。
1、chrome
按F12弹出开发者工具,按上图所示,可以选择移动设备模型,可以设置UA,网络,屏幕大小,GPS信息,设备角度,等各种各种参数,功能不错。
2、firefox
firefox的开发者工具也提供了类似的功能,直接上图,点击响应式布局工具,就可以了,功能稍弱,貌似只能定义屏幕大小,其他参数无法修改。
3、IE,见下图,可以定义尺寸,屏幕方向,屏幕大小,UA等信息。