手机H5 web调试利器——WEINRE (WEb INspector REmote)

手机H5 web调试利器——WEINRE (WEb INspector REmote)

调试移动端页面，优先选择使用chrome浏览器调试，若是是hybrid形式的页面，可使用chrome提供的chrome://inspect/#devices 安卓真机调试，不过这个要求比较高：
首先，你的 Chrome 版本必须高于 32
其次你的测试机 Android 系统高于 4.0，
再其次，测试机安装 Chrome for Android 才可使用 Chrome 远程调试这项功能，
最后， 手机须要开启USB调试模式

好比须要调试嵌入在APP中webView中的页面， 刚好安卓的版本比较低，没办法真机调试，
这时候weinre就是最好的选择。

如何使用 weinre

WEINRE 是 WEb INspector REmote 的缩写， 能够远程调试web页面。

安装

$ sudo npm install -g weinre
$ weinre -v

配置

获取本机IP：172.19.17.62
$ ipconfig getifaddr en0

开启本地监听服务器：
weinre --boundHost 172.19.17.62

打开http://172.19.17.62:8080 ,

将这段脚本放在须要调试的手机页面中就能够远程调试了，

加载好以后就能够在remote tab下找到须要调试的页面了， 和chrome devTools相似， 也能够查看DOM元素和控制台等。