Với API ngoại tuyến trong HTML5, không có lý do gì để cung cấp trải nghiệm ngoại tuyến hoàn hảo cho người dùng. Thuộc tính navigator.onLine có thể giúp ích cho câu chuyện này. Đây là một tính năng mới ra mắt gần đây trên kênh dành cho nhà phát triển của 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 trở lại hoặc khi ứng dụng không có kết nối 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ạ cách hoạt động tại http://html5-demos.appspot.com/static/navigator.onLine.html và bạn có thể tìm thêm thông tin về các sự kiện ngoại tuyến trong MDN.