Cordova 3.xベース(3)--デバッグツールDebug

4670 ワード

(1)Ripple Emulator
Google Chromeベースのモバイルアプリケーションシミュレータで、すでにASFに寄付されています.Apache Ripple:
http://ripple.incubator.apache.org/
Chrome Webstoreのインストール先:
https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc
Ripple Emulatorのインストール
参照
npm install -g ripple-emulator
Androidテストエンジニアリングapp 1の作成
参照
cordova create app1
cd app1
cordova platform add android
Rippleの起動
参照
ripple emulate
Chromeブラウザの起動
http://localhost:4400/?enableripple=cordova-3.0.0
Cordova 3.x 基础(3) -- 调试工具Debug
iOSエンジニアリングも同様ですが、デフォルトでRippleがAndroidシミュレータに入っているので、間違って報告されるので、左側のDevicesでiPhone 5か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
(2)weinre
Web Inspector Remoteは、Chrome、SafariなどのWebKitベースのデバッグツールです.
インストール
参照
npm install weinre
開始
参照
node node_modules\weinre\weinre
アクセス
http://localhost:8080
Cordova 3.x 基础(3) -- 调试工具Debug
**Windowsのインストールパスは次のとおりです.
C:\Documents and Settings\RenSanNingode_modules\weinre
www/index.htmlを変更し、次のコードを追加します.
<script src="http://localhost:8080/target/target-script-min.js#HelloCordova"></script>

以下のURLにアクセスすると、Targetsにファイル接続ができ、Elementsに切り替えてページをデバッグできます.
http://localhost:8080/client/#HelloCordova
Cordova 3.x 基础(3) -- 调试工具Debug
Targetsがnoneの場合、IPとポートを交換します.
参照
node node_modules\weinre\weinre --boundHost 192.168.21.198 --httpPort 9090
(3)GapDebug
Genuiitecが開発したローカルデバッグCordovaアプリケーション(iOS&Android)のツールは、無料です.Genuitecはあまり知られていないかもしれませんが、彼らが開発したMyEclipseを知らない人はいないでしょう.
https://www.genuitec.com/products/gapdebug/
Cordova 3.x 基础(3) -- 调试工具Debug
詳細は参照
この文章 .
(4)PhoneGap Developer App
コンパイルを必要とせずに実機でアプリケーションをテストでき、GapReloadとLiveReloadを併用しても同じことができます.phonegap serveコマンドでサーバを起動し、WiFiでモバイルデバイス上のPhoneGapとペアリングします.このサーバはコードの変動を監視し、ローカルコンパイルを実行することなく、そのデバイスに自動的に送信します.
http://app.phonegap.com
Cordova 3.x 基础(3) -- 调试工具Debug
(5)Ionic View
http://view.ionic.io/
Cordova 3.x 基础(3) -- 调试工具Debug