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 में मिल सकती है.