เมื่อใช้ API ออฟไลน์ใน 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