HTML5'teki çevrimdışı API'ler sayesinde, kullanıcılara kusursuz bir çevrimdışı deneyim sunmamak için hiçbir mazeretiniz yok. Bu hikayeye yardımcı olabilecek bir özellik de navigator.onLine mülküdür. Bu özellik, kısa süre önce Chrome geliştirici kanalında kullanıma sunulmuştur. Bu mülk, uygulamanın ağ bağlantısına sahip olup olmadığına bağlı olarak true veya false değerini döndürür:
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
Web uygulamaları, bağlantının ne zaman tekrar kullanılabileceğini veya bir 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ışı etkinlikler hakkında daha fazla bilgiyi MDN'de bulabilirsiniz.