Ripple Emulator

是基于 Google Chrome 的移動應用模擬器，已經(jīng)捐贈給了 ASF。Apache Ripple：http://ripple.incubator.apache.org/

Chrome Webstore 安裝地址： https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc

安裝 Ripple Emulator

引用

npm install -g ripple-emulator

創(chuàng)建 Android 測試工程 app1

引用

cordova create app1 
cd app1 
cordova platform add android

啟動 Ripple

引用

ripple emulate

啟動 Chrome 瀏覽器
http://localhost:4400/?enableripple=cordova-3.0.0

http://wiki.jikexueyuan.com/project/cordova-3.x-primer-foundation/images/3.1.png" alt="picture3.1" />

iOS 工程也一樣，但是默認 Ripple 進入 Android 模擬器，所以會報錯，在左側的 Devices 那里選擇 iPhone5 或者 iPad 切換設備即可。

http://www.raymondcamden.com/index.cfm/2013/2/6/Using-Ripple-for-PhoneGap-Development
http://www.raymondcamden.com/index.cfm/2014/1/17/Installing-and-Using-Ripple-for-Cordova-Development-A-Video

weinre

Web Inspector Remote、是基于 WebKit（比如 Chrome、Safari）的調試工具。

安裝

引用

npm install weinre

啟動

引用

node node_modules\weinre\weinre

訪問
http://localhost:8080

http://wiki.jikexueyuan.com/project/cordova-3.x-primer-foundation/images/3.2.png" alt="picture3.2" />

**Windows 下的安裝路徑在：
C:\Documents and Settings\RenSanNing\node_modules\weinre

修改 www/index.html，添加以下代碼：

Html 代碼

<script src="http://localhost:8080/target/target-script-min.js#HelloCordova"></script>

訪問以下 URL 后，Targets 有了文件連接后，切換到 Elements 后就能調試頁面了。
http://localhost:8080/client/#HelloCordova

http://wiki.jikexueyuan.com/project/cordova-3.x-primer-foundation/images/3.3.png" alt="picture3.3" />

要是 Targets 為 none 的話，換個 IP 和端口：

引用

node node_modules\weinre\weinre --boundHost 192.168.21.198 --httpPort 9090

GapDebug

Genuitec 開發(fā)的本地調試 Cordova 應用（iOS&Android）的工具，免費。Genuitec 可能沒幾個人知道，不過他們開發(fā)的 MyEclipse 沒人不知道吧。
https://www.genuitec.com/products/gapdebug/

http://wiki.jikexueyuan.com/project/cordova-3.x-primer-foundation/images/3.4.png" alt="picture3.4" />

詳細可以參考這篇文章。

PhoneGap Developer App

不需要編譯就能在真機上測試應用，GapReload 和 LiveReload 一起使用也可以做到相同的事。通過 phonegap serve 指令起一個服務器，通過 WiFi 與一臺移動設備上的 PhoneGap 配對。這臺服務器監(jiān)控代碼的變動，并把它們自動地發(fā)送到那臺設備上，而不用執(zhí)行本地編譯。
http://app.phonegap.com

http://wiki.jikexueyuan.com/project/cordova-3.x-primer-foundation/images/3.5.png" alt="picture3.5" />

Ionic View

http://view.ionic.io/

http://wiki.jikexueyuan.com/project/cordova-3.x-primer-foundation/images/3.6.png" alt="picture3.6" />