navigator.onLine בערוץ הפיתוח של Chrome

כשמדובר בממשקי 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.