navigator.onLine di saluran Chrome Dev

Eric Bidelman

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 dirilis di saluran developer 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 saat 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 peristiwa offline dapat ditemukan di MDN.