2016-06-23 5 views
0

私はcordovaフレームワークを追加している私の反応アプリハイブリッドアプリケーションを持ってください。私はcordovaプロジェクトを追加し、ビルド、リリース、エミュレータ上で私のアプリをすべて正常にエミュレートします。 cordovaプロジェクトは、index.htmlで私が参照している私のアプリにindex.jsを追加しました。ハイブリッドアプリでonDeviceReadyをデバッグする方法 - cordova

</head> 

<body> 

<div id="root" class="root app"> 
    <div class="mobile-page"> 
     <img class="spinner" src="img/symbol-logo.svg" /> 
    </div> 
</div> 
<script type="text/javascript" src="cordova.js"></script> 
<script type="text/javascript" src="index.js"></script> 
<script src="boot.js"></script> 
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=fetch,Promise,Array.from,Array.prototype.find,Array.prototype.includes,String.prototype.startsWith,String.prototype.includes,Math.sign,Intl.~locale.en,Intl.~locale.id,Intl.~locale.ru,Intl.~locale.fr&unknown=polyfill"></script> 
<script async src="app.js"></script> 

app.js上記のWebPACKを使用して構築されており、私のアプリは、JSを反応させる使用して開発されています。私のindex.js上記

私の問題は、私のindex.jsイベントがまったく呼び出されるかどうかはわかりません。上記のonDeviceReadyイベントが呼び出されているかどうかをテスト/デバッグします。私は簡単なコンソールメッセージを印刷してデバッグできるようにしたい。どうすればいいですか?

+0

Chrome Inspect Deviceを試して、モバイルのログを確認してください。あなたがこの考えを持っていない場合に備えて。 –

+1

http://stackoverflow.com/a/10050508/3340702 – lifeisfoo

答えて

2

私は通常、コードブラウザブラウザプラットフォームを使用しました。

cordova platform add browser 

次に、あなたがあなたのコンソールメッセージを見ることができますランチlocalhostとなり、そこにブラウザで

cordova platform build browser 

cordova emulate browser 

あなたのコルドバのアプリケーションを構築します。あなたが上のユーザによって指摘されたようにブレークポイントを置く場合。それが私の方法です。それが役に立てば幸い。

0

あなたもphonegapデスクトップアプリを試すことができます。

これは本当に簡単です。プロジェクトファイルを携帯端末に組み込んで、携帯端末のデベロッパーアプリに提供するローカルURLを入力するだけです。

Phonegapデスクトップアプリケーションにはログが表示されるので、簡単にアプリをデバッグすることができます。

関連する問題