我们在需要测试手机网站时,如果使用手机去打开页面进行调试,往往不太方便,而且手机设备繁多,不便配备齐全,哪么我们如何在电脑端进行测试呢
工具/原料
Chrome 33 或以上版本
方法/步骤
1
相关大家都有安装有 Chrome,打开它(当然,如果你没安装,请下载吧)
2
点击浏览器右上角的选项按钮
3
在弹出的菜单中选择“更多工具”-“开发者工具”
4
在开发者工具中点击右上角的“show drawer.”按钮
5
再点击“Emulation”选项卡
6
初次使用需要激活手机模拟,点击如图所示的手机图标即可
7
在 model 中选择需要模拟的手机型号
8
此时在浏览器地址栏中输入手机网址进行访问,即可测试效果了
注意事项
测试手机模拟的型号是有限的,请选择具有代表性的手机型号进行测试