navigator.onLine in der Chrome-Entwicklerversion

Eric Bidelman

Bei den Offline-APIs in HTML5 gibt es keinen Grund, Nutzern auch offline eine positive Nutzererfahrung zu bieten. Dabei kann unter anderem die navigator.onLine-Property hilfreich sein, eine Funktion, die vor Kurzem im Chrome-Entwicklerkanal eingeführt wurde. Dieses Attribut gibt true oder false zurück, je nachdem, ob die App eine Netzwerkverbindung hat:

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

Eine Webanwendung kann auch auf online- und offline-Ereignisse warten, um festzustellen, wann die Verbindung wieder verfügbar ist oder wann eine App offline geht:

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

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

Unter http://html5-demos.appspot.com/static/navigator.onLine.html haben wir eine funktionierende Demo veröffentlicht. Weitere Informationen zu Offline-Ereignissen finden Sie im MDN.