navigator.onLine ใน Chrome Dev เวอร์ชัน

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