巧用Chrome调试手机网页界面

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

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

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

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

就会弹出以下界面：

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

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

（就是有个小三角的那个）

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

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

 

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

转载于:https://www.cnblogs.com/sparklingstar/p/5097150.html