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.