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 .