web-dev-qa-db-ja.com

Cordova s​​erveコマンドを使用するときにLive Reloadを追加するにはどうすればよいですか？

次のコマンドを使用して、ブラウザーでアプリを開きます：cordova serveですが、コードを更新しても自分自身が更新されません。どうやってやるの？

代わりにphonegap serveを使用しようとしましたが、ライブリロードが行われますが、アラートが送信され続け、ブラウザがクラッシュします。

では、素晴らしい2つの問題のどちらを解決できるか教えてください。

cordovaphonegap-plugins
14
Matan Gubkin

Cordova Browsersyncプラグイン を試すことができます。プラグインの使用方法は プラグインのリポジトリ にあります。

cordova plugin add cordova-plugin-browsersyncを使用してこのプラグインを追加したら、cordova run -- --live-reloadを使用してライブリロードを開始できます。これにより、複数のデバイスがある場合、スクロールとクリックの同期も有効になります。

20
axemclion

最も簡単な解決策は、phonegap serve の代わりに cordova serve。電話ギャップをインストールしている限り、cordovaだけでアプリを構築しても機能します。

phonegap serveは、リロードをライブで行い、ブラウザまたは電話ギャップ開発者アプリからアクセスできるIPアドレスを提供します。どちらも非常に便利で実際に機能します。これは常にプラスです。

10
hobberwickey

phonegap serveを使用していて、JavaScriptプロンプトが表示されている場合は、スニペットを追加して、アプリがネイティブレベルのJavaScriptコードを読み込まないようにする必要があります。

<script type="text/javascript" src="phonegap.js"></script>を

<script type="text/javascript">
    if (!navigator.userAgent.toLowerCase().match('chrome')) {
        document.write("<script src='phonegap.js'><\/script>");
    }
</script>

これはcordova.jsとphonegap.jsの両方で機能することに注意してください（これらは同じファイルである必要があります）

4
Cheruvian