Wie fügt man Live Reload hinzu, wenn man den Befehl cordova serve verwendet?

Question

Ich verwende diesen Befehl, um meine App im Browser zu öffnen: cordova serve, aber es aktualisiert sich nicht, wenn ich meinen Code aktualisiere. Wie kann ich das machen?

Ich habe versucht, stattdessen phonegap serve zu verwenden, die ein Live-Reload hat, aber es sendet mir Warnungen und stürzt meinen Browser ab.

Also, wenn Sie mir bitte sagen können, wie kann ich eines der beiden Probleme lösen, die wunderbar sein werden.

Answer 1

(Sie sollten die gleiche Datei sein) Sie haben die Cordova Browsersync plugin versuchen könnte. Anweisungen zur Verwendung des Plugins finden Sie in der plugin's repo.

Sobald Sie dieses Plugin mit cordova plugin add cordova-plugin-browsersync hinzufügen, können Sie einfach cordova run -- --live-reload verwenden, um den Live-Nachladevorgang zu starten. Beachten Sie, dass dies auch das Synchronisieren von Scrolls und Klicks bei mehreren Geräten ermöglicht.

Answer 2

Wenn Sie phonegap serve verwenden und die JavaScript-Eingabeaufforderungen angezeigt werden, müssen Sie ein Snippet hinzufügen, um zu verhindern, dass die App den Native-Level-JavaScript-Code lädt.

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

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

Hinweis ersetzen, dass dies funktioniert sowohl für cordova.js und phonegap.js

Answer 3

Einfachste Lösung ist nur phonegap serve statt cordova serve zu verwenden. Solange Sie phonegap installiert haben, funktioniert es auch, wenn Sie die App nur mit cordova erstellt haben.

phonegap serve gibt Ihnen eine IP-Adresse, die neu laden wird und auf die Sie über den Browser oder die phonegap Entwickler-App zugreifen können. Beide sind sehr praktisch und arbeiten tatsächlich, was immer ein Plus ist.