Avec les API hors connexion en HTML5, vous n'avez plus d'excuse pour proposer une expérience hors connexion optimale aux utilisateurs. À cela s'ajoute la propriété navigator.onLine
, une fonctionnalité qui a récemment été ajoutée à la version en développement de Chrome. Cette propriété renvoie true
ou false
selon que l'application dispose ou non d'une connectivité réseau:
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
Une application Web peut également écouter les événements online
et offline
pour déterminer quand la connexion est de nouveau disponible ou quand une application se déconnecte:
window.addEventListener('online', function(e) {
// Re-sync data with server.
}, false);
window.addEventListener('offline', function(e) {
// Queue up events for server.
}, false);
J'ai publié une démonstration fonctionnelle à l'adresse http://html5-demos.appspot.com/static/navigator.onLine.html. Vous trouverez plus d'informations sur les événements hors connexion dans le MDN.