巧用Chrome调试手机网页界面

时间:2024-02-24 17:53:24

   Chrome是基于Webkit的先进浏览器,其开发调试功能非常强大。如果你在开发手机网页,推荐你使用他的手机网页调试功能。具体怎么用,请看下图:

第一步,打开Chrome后,按F11 或者 点右键 选 审查元素,调出Chrome的开发者工具,你可能会看到以下界面:

现在是普通网页的调试界面。

然后点击 调试工具上面的“手机”图标:

就会弹出以下界面:

刷新一下,页面就会以手机页面方式显示。

2.这样调试可能会不怎么方便,这时你还可以点击调试工具栏右侧的按钮,调整布局

(就是有个小三角的那个)

3.现在你应该看到以下的界面:

4.使用这个调试工具,ENJOY移动网页开发吧。

 

以后更精彩的文章,会不断推出,欢迎关注,欢迎转发。