Comment ajouter Live Reload en utilisant la commande cordova serve?

J'utilise cette commande pour ouvrir mon application dans le navigateur: cordova serve mais il n'a pas d'actualiser lui-même lorsque je mets à jour mon code. Comment puis-je le faire?

J'ai essayé d'utiliser phonegap serve à la place qui a un live reload, mais il continue de m'envoyer des alertes et des plantages de mon navigateur.

Donc, si vous pouvez s'il vous plaît dites-moi comment puis-je résoudre les deux questions qui seront merveilleux.

source d'informationauteur Matan Gubkin

  1. 14

    Vous pouvez essayer de le Cordova Browsersync plugin. Instructions pour utiliser le plugin sont dans le plugin repo.

    Une fois que vous ajouter ce plugin à l'aide de cordova plugin add cordova-plugin-browsersyncvous pouvez simplement utiliser cordova run -- --live-reload pour commencer à vivre de rechargement. Notez que cela permet également la synchronisation des parchemins et des clics si vous avez plusieurs appareils.

  2. 5

    Solution la plus facile est d'utiliser phonegap serve au lieu de cordova serve. Tant que vous avez phonegap installé, il va fonctionner même si vous construit l'application avec juste cordova.

    phonegap serve vous donne une adresse IP qui va vivre recharger et que vous pouvez accéder à partir du navigateur ou de l'phonegap les développeurs de l'app. Les deux sont très pratique et fait le travail, qui est toujours un plus.

  3. 4

    Si vous utilisez phonegap serve et vous voyez le code JavaScript, des invites, vous devez ajouter un extrait d'empêcher l'application de chargement de la Maternelle au niveau du code JavaScript.

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

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

    Notez que cela fonctionne pour les deux cordova.js et phonegap.js (Ils doivent être sur le même fichier)

  4. 0

    Vous pouvez utiliser le navigateur de synchronisation directement, sans plugin cordova. Suivez les étapes ci-dessous

    • npm install -g browser-sync
    • Copier le contenu de platform/android/platform_www à www
    • Ajoutez ce qui suit à config.xml: <allow-navigation href="http://<YOUR-IP>:3000" />
    • Jeu de base-href (si angulaire du projet) à http://<YOUR-IP>:3000/index.html
    • Exécuter browser-sync -w -server à l'intérieur de www
    • Mettre à jour le contenu politique de sécurité pour l'exécution de JS et les actifs à partir de VOTRE IP:3000. Permettent également webscokets (ws) pour le navigateur de synchronisation
    • Déployer une application avec cordova exécuter android

    Veuillez noter que vous aurez à redéployer l'application chaque fois que vous ajoutez un nouveau plugin, et également mettre à jour le dossier www, avec de nouveaux platform_www contenu.

    Chaque fois que vous mettez à jour le www, le navigateur de la synchronisation de notifier automatiquement votre webview, et actualiser les mêmes. Si vous devez redémarrer l'application et la connexion avec le navigateur synchronisation est perdue, connectez l'appareil à un ordinateur et à l'actualisation de l'application à l'aide de l'appareil google chrome inspecteur, et le navigateur-sync sera encore vivre.