手機上的頁面不像桌面開發這麼方便調試。可以使用Weinre進行遠程調試以方便開發。本文介紹windows下的安裝與使用。

安裝

使用npm安裝，可以運行：

npm install -g weinre

安裝完路徑可能是這樣的：

輸入命令<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxibG9ja3F1b3RlPg0KCTxwPndlaW5yZSAmbmRhc2g7Ym91bmRIb3N0IC1hbGwtPGJyIC8+DQoJvLS/ycb0tq+hozwvcD4NCjwvYmxvY2txdW90ZT4NCjxwPjxpbWcgYWx0PQ=="這裡寫圖片描述" src="/uploadfile/Collfiles/20150709/2015070908361368.png" title="\" />
其它參數：

boundHost:    -all-
httpPort:     8081
reuseAddr:    true
readTimeout:  1
deathTimeout: 5

也可以在配置文件裡修改默認配置。

使用浏覽器打開網址：
http://localhost:8080

推薦使用Chrome。

如果有防火牆，要注意需要允許8080端口數據通行。

現在可以連接Cordova程序進行調試了。把下面代碼放到index.html裡。

<script src="http://你的pc的ip:8080/target/target-script-min.js"></script>

若使用模擬器，可以把ip設置為localhost。但android模擬器除外，需要設置ip為10.0.2.2。
如果是使用物理設備，情況要復雜一點，要確保物理設備可以連接到電腦才行。我這裡電腦和手機使用同一個網絡，比較容易連接。
在投入生產環境前，勿必要去掉調試代碼。否則app容易死掉。

現在打開Cordova的app

打開鏈接

測試：

版權聲明：本文為博主原創文章，未經博主允許不得轉載。