Mit den Offline-APIs in HTML5 gibt es keine Ausrede mehr, Nutzern keine fehlerfreie Offlinenutzung zu bieten. Eine hilfreiche Funktion ist die Property navigator.onLine
, die vor Kurzem in der Chrome-Entwicklerversion eingeführt wurde. Diese Property 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 zu ermitteln, wann die Verbindung wieder verfügbar ist oder eine App offline geschaltet wird:
window.addEventListener('online', function(e) {
// Re-sync data with server.
}, false);
window.addEventListener('offline', function(e) {
// Queue up events for server.
}, false);
Ich habe eine funktionierende Demo unter http://html5-demos.appspot.com/static/navigator.onLine.html veröffentlicht. Weitere Informationen zu Offlineereignissen finden Sie in der MDN.