navigator.onLine di saluran Chrome Dev

Dengan API offline di HTML5, tidak ada alasan untuk tidak memberikan pengalaman offline yang sempurna bagi pengguna. Satu hal yang dapat membantu cerita ini adalah properti navigator.onLine; fitur yang baru-baru ini hadir di saluran Dev Chrome. Properti ini menampilkan true atau false, bergantung pada apakah aplikasi memiliki konektivitas jaringan atau tidak:

if (navigator.onLine) {
    console.log('ONLINE!');
} else {
    console.log('Connection flaky');
}

Aplikasi web juga dapat memproses peristiwa online dan offline untuk menentukan kapan koneksi tersedia lagi atau kapan aplikasi offline:

window.addEventListener('online', function(e) {
    // Re-sync data with server.
}, false);

window.addEventListener('offline', function(e) {
    // Queue up events for server.
}, false);

Saya telah memposting demo yang berfungsi di http://html5-demos.appspot.com/static/navigator.onLine.html, dan informasi selengkapnya tentang acara offline dapat ditemukan di MDN.