Avec les API hors connexion en HTML5, il n'y a aucune excuse pour ne pas offrir une expérience hors connexion parfaite aux utilisateurs. La propriété navigator.onLine, une fonctionnalité récemment disponible dans la version développeur de Chrome, peut vous aider. 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 à nouveau disponible ou quand une application passe hors connexion:
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 sur http://html5-demos.appspot.com/static/navigator.onLine.html. Pour en savoir plus sur les événements hors connexion, consultez la page MDN.