Con le API offline in HTML5, non c'è nessuna scusa per non offrire agli utenti un'esperienza offline perfetta. Un elemento che può essere utile in questa situazione è la proprietà navigator.onLine, una funzionalità introdotta di recente nel canale di sviluppo di Chrome. Questa proprietà restituisce true o false a seconda che l'app abbia o meno connettività di rete:
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
Un'app web può anche ascoltare gli eventi online e offline per determinare quando la connessione è di nuovo disponibile o quando un'app diventa offline:
window.addEventListener('online', function(e) {
// Re-sync data with server.
}, false);
window.addEventListener('offline', function(e) {
// Queue up events for server.
}, false);
Ho pubblicato una demo funzionante all'indirizzo http://html5-demos.appspot.com/static/navigator.onLine.html e puoi trovare ulteriori informazioni sugli eventi offline nella MDN.