navigator.onLine w wersji deweloperskiej Chrome

Dzięki interfejsom API offline w HTML5 nie ma wymówki, aby nie zapewnić użytkownikom płynnego działania w trybie offline. W tym przypadku przydatna może być właściwość navigator.onLine, która niedawno trafiła do kanału deweloperskiego Chrome. Ta właściwość zwraca wartość true lub false w zależności od tego, czy aplikacja ma połączenie z internetem:

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

Aplikacja internetowa może też nasłuchiwać zdarzeń online i offline, aby określić, kiedy połączenie jest znowu dostępne lub kiedy aplikacja przejdzie w tryb offline:

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

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

Opublikowaliśmy działającą wersję demonstracyjną pod adresem http://html5-demos.appspot.com/static/navigator.onLine.html. Więcej informacji o wydarzeniach offline znajdziesz w MDN.