用手机调试手机版HTML5页面

小草根 · 发表于 2015-3-5 10:16:13

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

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

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

[Discuz!二次开发] 用手机调试手机版HTML5页面

相关帖子

DZ专员

个人中心