草根吧_非盈利论坛_免费discuz插件_discuz风格模板_微擎资源_phpwind插件_phpwind教程

大家是否遇到过这个情况，用PC调试手机的H5页面，然后到手机上发现总有一些细节不如人意。当然有些触摸细节PC上是没法模拟的！
现在教大家一个用手机调试（注意：是调试）的方法

1、首先你要有一个安卓手机
2、电脑安装Chrome，手机也安装 Chrome（好像要安卓4.0+）
3、手机连接数据线
4、打开“更多工具”->“检查设备”

图片：用手机调试手机版HTML5页面-1.jpg

5、发现你的手机，打开你手机的Chrome，发现在PC上可以完全操作手机上的Chrome

图片：用手机调试手机版HTML5页面-2.jpg

6、点击“inspect”，这时请发出感叹词“哇哦”，剩下的你应该会了吧，就是 F12 的功能.

图片：用手机调试手机版HTML5页面-3.jpg

PC上可以直接调试手机上的显示效果，并执行JS

PS:
1、iPhone的话也有类似的方法，需要打开 safari 浏览器
2、如果第五步你看不到设备中的应用列表，请看下Windows进程里是否有类似的安卓守护进程阻止了
3、如果你的安卓手机已经Root，第五步中的应用列表里不仅仅能看到 Chrome，还能看到其他同样使用了 webview 功能的应用，如“淘宝”（嘿嘿）

图片：用手机调试手机版HTML5页面-4.jpg