Как добавить Live Reload при использовании команды cordova?

Question

Я использую эту команду для открытия своего приложения в браузере: cordova serve, но он не обновляется, когда я обновляю свой код. Как я могу это сделать?

Я попытался использовать phonegap serve вместо этого, у которого есть живая перезагрузка, но он продолжает отправлять мне оповещения и выдает мой браузер.

Итак, если вы можете рассказать мне, как я могу решить любую из двух проблем, которые будут замечательными.

Answer 1

Вы можете попробовать Cordova Browsersync plugin. Инструкции по использованию плагина приведены в plugin's repo.

После добавления этого плагина с помощью cordova plugin add cordova-plugin-browsersync вы можете просто использовать cordova run -- --live-reload, чтобы начать живую перезагрузку. Обратите внимание, что это также позволяет синхронизировать свитки и клики, если у вас несколько устройств.

Answer 2

Если вы используете phonegap serve, и вы видите подсказки 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.jsphonegap.js и (они должны быть один и тот же файл)

Answer 3

Самое простое решение - использовать только phonegap serve вместо cordova serve. Пока у вас установлен телефон, он будет работать, даже если вы создадите приложение только с помощью кордовы.

phonegap serve дает вам IP-адрес, который будет перезагружать и который вы можете получить в браузере или приложении для разработчиков мобильных телефонов. Оба они очень удобны и на самом деле работают, что всегда является плюсом.