Làm thế nào để thêm Live Reload khi sử dụng lệnh cordova phục vụ?

Question

Tôi đang sử dụng lệnh này để mở ứng dụng của mình trong trình duyệt: cordova serve nhưng nó không tự làm mới khi tôi cập nhật mã của mình. Làm thế nào tôi có thể làm điều đó?

Tôi đã cố gắng sử dụng phonegap serve thay vì có tải lại trực tiếp nhưng nó vẫn gửi cho tôi thông báo và treo trình duyệt của tôi.

Vì vậy, nếu bạn có thể vui lòng cho tôi biết làm cách nào tôi có thể giải quyết một trong hai vấn đề sẽ tuyệt vời.

Answer 1

Bạn có thể thử các Cordova Browsersync plugin. Hướng dẫn sử dụng plugin nằm trong số plugin's repo.

Khi bạn thêm plugin này bằng cách sử dụng cordova plugin add cordova-plugin-browsersync, bạn có thể chỉ cần sử dụng cordova run -- --live-reload để bắt đầu tải lại trực tiếp. Lưu ý rằng điều này cũng cho phép đồng bộ hóa cuộn và nhấp chuột nếu bạn có nhiều thiết bị.

Answer 2

Nếu bạn đang sử dụng phonegap serve và bạn đang thấy lời nhắc JavaScript, bạn cần phải thêm đoạn mã để ngăn ứng dụng tải mã JavaScript cấp gốc.

thay <script type="text/javascript" src="phonegap.js"></script> với

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

Lưu ý rằng điều này làm việc cho cả hai cordova.js và phonegap.js (Họ nên là cùng một tập tin)

Answer 3

Giải pháp dễ nhất chỉ sử dụng phonegap serve thay vì cordova serve. Miễn là bạn đã cài đặt phonegap, nó sẽ hoạt động ngay cả khi bạn xây dựng ứng dụng chỉ bằng cordova.

phonegap serve cung cấp cho bạn địa chỉ IP sẽ tải lại trực tiếp và bạn có thể truy cập từ trình duyệt hoặc ứng dụng của nhà phát triển ứng dụng điện thoại. Cả hai đều rất tiện dụng và thực sự hoạt động, luôn là điểm cộng.