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