HTML5 में ऑफ़लाइन एपीआई की मदद से, उपयोगकर्ताओं को खराब ऑफ़लाइन अनुभव न देने का कोई बहाना नहीं है. navigator.onLine प्रॉपर्टी, इस स्टोरी में मददगार साबित हो सकती है. यह एक ऐसी सुविधा है जो हाल ही में Chrome डेव चैनल पर उपलब्ध है. यह प्रॉपर्टी 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 में देखी जा सकती है.