2016-04-25 16 views
0

Ionicフレームワークを使用してAndroind用のアプリケーションを開発しています。 アプリはコルドバMedilaプラグインを使用して、私は含める必要があることを使用する:Ionic/Cordova:Webブラウザで「cordova.js」ライブラリが必要なJavaScriptコードをデバッグする方法

<script src="cordova.js"></script> 

私のhtmlコードで。これは、Android上でコードを実行できるようにするために必要ですが、cordova.jsがwwwディレクトリになく、IonicはAndroid用にビルドしたいときにサブフォルダの1つに配置します。

コードをデバッグする必要があります。Chromeで1行ずつJavaScriptを実行する必要がありますが、クロムでcordova.jsが見つかりません(「gap_init:2」など)。

私はAndroidプラットフォームに属しているアプリのサブフォルダにcordova.jsのコピーを見つけることを試みたとwww\jsフォルダにコピーしますが、私のhtmlコードを実行しようとしたとき、私はhtmlファイルのロード中に奇妙なエラーを得ました。

私の質問は Chromeでこれらのアプリケーションをデバッグすることはできますか?それがどうですか?そうでない場合は、デバッグに使用できるIDEまたはツールがありますか?あなたは「アンドロイドイオンラン」このコマンドを使用してAndroidデバイス上でコードを展開するとき、それは自動的に追加cordova.jsを意志wwwディレクトリに表示さカント

+0

このエラーは、chromaでcordova-ionicアプリケーションをデバッグしているのにコードをまったく壊していない場合でも、アプリケーションの残りの部分をデバッグできます。それを修正する際に気にしないでください – Del

答えて

0

cordova.js

+0

それは本当ですが、私がデバッグするためにChrome上で実行したい場合、それはエラーをもたらし、cordova.jsを見つけることができないと言います。 – TJ1

+0

あなたはどのタイプのアプリを開発しているのか教えていただけますか? –

2

我々はデバッグに使用し、リンクchormeを調べてみアンドロイドアプリ https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=en

+0

これは最高の答えだと思います。いったんあなたの携帯電話であなたのアプリをビルドして、アプリケーションが実行されていると、携帯電話はあなたのクロムブラウザでこのURLを開きます - クロム:/ /検査/#デバイス(そこにあなたの接続されたデバイスを見ることができます通常はchrome devtoolsのようになります)。 – thepio

+0

@Naveen Bannikoppa:非常に助けてくれてありがとう。それは部分的に機能します。開発者ツールを開いてコードを検査しようとすると、このエラーが発生します。「Uncaught ReferenceError:メディアが定義されていません」エラーはこのコード行に属します: 'myMedia = new Media(src、onSuccess、onError); '。メディアを使用するには、私はCordovaメディアプラグインをインストールしました。これを解決するために何かできることはありますか? – TJ1

+1

を追加しました。 – NGB

0

はい、クロムでコードバアプリをデバッグできます。ここ は、手順は

  • 後藤コルドバプロジェクトパス
  • ありそう後コマンドcordova run browser

を使用して、コマンドcordova platform add browser

  • 実行ブラウザのプラットフォームを使用してブラウザのプラットフォームを追加し、あなたのアプリケーションは、新しいで実行されますすべてのプラグインプロキシを必要に応じて追加したクロムのウィンドウ このように console all the js will be added automatically.

    すべてのJSが自動的に追加され、codeova.jsのコードを確認し、ソースタブからデバッグできます。

  • +0

    あなたはまた、ビジュアルスタジオ2015を試すことができます、それはデバイス上のアプリケーションをデバッグするためのツールを提供します。 –

    関連する問題