navgator.onLine في قناة إصدار مطوّري البرامج من Chrome

إيريك بيدلمان

عند استخدام واجهات برمجة التطبيقات بلا إنترنت في HTML5، لا يتوفّر سبب لعدم توفير تجربة خالية من الأخطاء للمستخدمين بلا اتصال بالإنترنت. أحد العوامل التي يمكن أن تساعد في هذه القصة هو السمة navigator.onLine، وهي ميزة تم تضمينها مؤخرًا في قناة Chrome dev. تعرض هذه السمة 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.