navgator.onLine trong kênh Chrome Dev
bookmark_borderbookmark
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Với API ngoại tuyến trong HTML5, bạn không có lý do gì để không cung cấp trải nghiệm ngoại tuyến hoàn hảo cho người dùng. Một điều có thể giúp ích cho câu chuyện này là thuộc tính navigator.onLine
; một tính năng mới đây đã ra mắt trong kênh nhà phát triển Chrome. Thuộc tính này trả về true
hoặc false
tuỳ thuộc vào việc ứng dụng có kết nối mạng hay không:
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
Ứng dụng web cũng có thể theo dõi các sự kiện online
và offline
để xác định thời điểm kết nối lại có sẵn hoặc khi ứng dụng không có mạng:
window.addEventListener('online', function(e) {
// Re-sync data with server.
}, false);
window.addEventListener('offline', function(e) {
// Queue up events for server.
}, false);
Tôi đã đăng một bản minh hoạ đang hoạt động tại http://html5-demos.appspot.com/static/navigator.onLine.html và bạn có thể xem thêm thông tin về các sự kiện ngoại tuyến trong MDN.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2011-06-23 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2011-06-23 UTC."],[],[]]