navigator.onLine nel canale Chrome Dev

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.