Chrome是基于Webkit的先进浏览器，其开发调试功能非常强大。如果你在开发手机网页，推荐你使用他的手机网页调试功能。具体怎么用，请看下图：
第一步，打开Chrome后，按F11 或者 点右键 选 审查元素，调出Chrome的开发者工具，你可能会看到以下界面：
现在是普通网页的调试界面。
然后点击 调试工具上面的“手机”图标：
就会弹出以下界面：
刷新一下，页面就会以手机页面方式显示。
2.这样调试可能会不怎么方便，这时你还可以点击调试工具栏右侧的按钮，调整布局
（就是有个小三角的那个）
3.现在你应该看到以下的界面：
4.使用这个调试工具，ENJOY移动网页开发吧。
以后更精彩的文章，会不断推出，欢迎关注，欢迎转发。
原文：http://www.cnblogs.com/sparklingstar/p/5097150.html