WebApp遠端偵錯工具

標籤：

　　針對存在內嵌在用戶端的webview項目中，在開發過程中我們希望能像PC上一下直接進行調試，提高我們平時的開發效率，這時候我們可以使用webApp遠端偵錯工具-weinre。

　　安裝：

　　　　本工具需要node.js支援，在安裝前必須安裝node.js.下載node.js，：http://nodejs.org/download/   （可以下最新版本）;

　　　　node安裝完成後，利用node的npm模組管理工具安裝weinre,

cmd下輸入npm -g install weinre

　　　　

　　　　完成後即可使用。

　　使用：

　　　　1.在cmd下輸入：

　　　　weinre -httpPort 8081 -boundHost -all-  //8081自訂連接埠，可以根據自己需要選擇連接埠號碼啟動調試服務（註：每次調試前都需要開啟服務，調試時保持開啟）

　　　　2.添加調試代碼：

　　　　<script src="http://ip:8081/target/target-script-min.js#anonymous"></script>  //開啟服務的pc及連接埠號碼

　　　　3.調試：在瀏覽器中輸入開啟服務的pc地址，

　　　　http://localhost:8081  //或http://ip:8081/

　　　　可見訪問該頁面的用戶端（紅色標註）

　　　　

　　　　綠色為被啟用頁面，可以再Elements、Console中做相應操作

　　

　　　　提示：

　　　　1.在調試遠程介面資料時，可以通過console.log()把資料列印在winnre的console平台上，這樣能清晰的看到後台返回的資料結果，已於查看介面相關問題。

　　　　2.關於調試線上測試環境，可將引用調用本地代碼，進行調試；

　　　　3.上線前切記檢查有沒有引用地方錯誤問題。

WebApp遠端偵錯工具