Android開発シリーズ11 Cordovaアーキテクチャ学習テストツールRipple Emulator、GapDebug


Ripple Emulator
Ripple Emulatorはブラウザベースでcordova appのテストに協力できるソフトウェアで、複数のオペレーティングシステムで実行できます.古いバージョンのRippleはChrome extensionとしてインストールされており、Chromeブラウザのサポートが必要です.npmを使用してインストールできるようになりました.
Webサイト:http://ripple.incubator.apache.org/
インストール:
npm install-g ripple-emulator実行:コマンドラインはプロジェクトにパスを指し、実行コマンド:ripple emulate–path platforms/android/assets/www開発者ツールを使用すると、シミュレータがiframe形式でロードされていることがわかります.Android开发系列11 Cordova架构学习 测试工具Ripple Emulator、GapDebug_第1张图片
GapDebug
https://www.genuitec.com/products/gapdebug/ http://www.raymondcamden.com/2014/7/2/GapDebug-a-new-mobile-debugging-toolGapDebugはiOSとAndroidプログラムをデバッグし、debugをサポートする簡単な方法を提供し、safariとchromeブラウザの協力が必要です.
インストール
OSによっては、公式サイトからダウンロードしてインストールします.ソフトウェアは比較的に大きくて、百兆余りで、私の会社のネットワークは3時間かかります.次の構成にはcordova 3が必要です.3以上のバージョン.
コンフィギュレーション
1.cordovaの下のconfigを修正する.xml
namespaceの変更
<widget 
    xmlns="http://www.w3.org/ns/widgets" 
    xmlns:gap="http://phonegap.com/ns/1.0" 
    xmlns:android="http://schemas.android.com/apk/res/android"
    id="me.app.id" 
    version="1.0.0">

config.xmlの下に
<gap:config-file platform="android" parent="/manifest">
     <application android:debuggable="true" />
</gap:config-file>

platforms/android/Android Manifest.xmlのアプリケーションフィールドにdebuggableプロパティを追加します.
<manifest>
     ....
     <application android:debuggable="true" />
     ....
</manifest>

USb debuggingのインストール
android4.4以上のバージョンでは、デフォルトでusb debugging,android 4がサポートされています.4 crosswalk webviewコントロールは、次のバージョンで使用できます.
また、genymotion emulatorシミュレータをインストールできます.genymotion emulatorインストールスクリーンショット:Android开发系列11 Cordova架构学习 测试工具Ripple Emulator、GapDebug_第2张图片
chromeのインストール
携帯電話を設定してusb debuggingを許可します.
Android开发系列11 Cordova架构学习 测试工具Ripple Emulator、GapDebug_第3张图片