谷歌浏览器调试移动端

2018-7-23 23:47| 作者: admin| 查看: 2120| 评论: 0|来自: 蚂蚁部落

使用谷歌浏览器开发者工具可以模拟不同的移动设备对web页面进行调试。

特别说明:谷歌浏览器开发者工具并不能完全代替真机,不过可以完成绝大多数调试工作。

下面简单介绍一下调试过程:

一.点击F12进入谷歌开发者工具界面:

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234752ag7ssr445ggrgj1r.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

可能在网页底部,也可能在网页的一侧,位置可以自行设定,图示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234806r5yfb5ufmzmfhgpp.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

点击上面对应按钮可以进行相关设置。

二.进入模拟移动端界面:

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234826nb85p68z7768s79k.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

点击上述按钮可以进入移动端界面,图示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201807/23/234841qf6zoxi0yyuoi5ox.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

本站有针对移动端优化,刷新以后会自动以移动端页面展现。

顶部依次是当前模拟的真机类型,完美视口的尺寸(设备独立像素为单位),对页面的缩放和设备像素比。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部