HTML5'teki çevrimdışı API'ler ile kullanıcılara kusursuz bir çevrimdışı deneyim sunmamanın mazereti yoktur. Bu hikayeye yardımcı olabilecek şeylerden biri navigator.onLine mülküdür. Kısa süre önce Chrome geliştirme kanalında kullanıma sunulan bir özelliktir. Bu özellik, uygulamanın ağ bağlantısı olup olmamasına bağlı olarak true veya false değerini döndürür:
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
Ayrıca web uygulaması, bağlantının tekrar kullanılabilir olup olmadığını veya uygulamanın ne zaman çevrimdışı olacağını belirlemek için online ve offline etkinliklerini de dinleyebilir:
window.addEventListener('online', function(e) {
// Re-sync data with server.
}, false);
window.addEventListener('offline', function(e) {
// Queue up events for server.
}, false);
http://html5-demos.appspot.com/static/navigator.onLine.html adresinde çalışan bir demo yayınladım. Çevrimdışı etkinliklerle ilgili daha fazla bilgiyi MDN'de bulabilirsiniz.