手機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元素和控制檯等。