HTML5-এ অফলাইন API এর সাথে, ব্যবহারকারীদের জন্য একটি ত্রুটিহীন অফলাইন অভিজ্ঞতা প্রদান না করার কোন অজুহাত নেই। একটি জিনিস যা এই গল্পটিকে সাহায্য করতে পারে তা হল navigator.onLine সম্পত্তি; একটি বৈশিষ্ট্য যা সম্প্রতি Chrome dev চ্যানেলে অবতরণ করেছে৷ অ্যাপটির নেটওয়ার্ক কানেক্টিভিটি আছে কি না তার উপর নির্ভর করে এই প্রপার্টিটি true বা false প্রদান করে:
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
একটি ওয়েব অ্যাপ online এবং offline ইভেন্টগুলিও শুনতে পারে কখন সংযোগ আবার উপলব্ধ হবে বা কখন একটি অ্যাপ অফলাইনে যাবে তা নির্ধারণ করতে:
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- এ একটি কাজের ডেমো পোস্ট করেছি এবং অফলাইন ইভেন্টগুলির আরও তথ্য MDN- এ পাওয়া যাবে৷