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.