navigator.onLine in Chrome Dev-kanaal

Met de offline API's in HTML5 is er geen excuus meer om gebruikers geen vlekkeloze offline ervaring te bieden. Eén ding dat dit verhaal kan helpen is de eigenschap navigator.onLine ; een functie die onlangs in het Chrome-ontwikkelaarskanaal is beland. Deze eigenschap retourneert true of false afhankelijk van of de app al dan niet een netwerkverbinding heeft:

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

Een webapp kan ook luisteren naar online en offline gebeurtenissen om te bepalen wanneer de verbinding weer beschikbaar is of wanneer een app offline gaat:

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

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

Ik heb een werkende demo gepost op http://html5-demos.appspot.com/static/navigator.onLine.html en meer informatie over offline evenementen is te vinden in de MDN .