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

باستخدام واجهات برمجة التطبيقات بلا إنترنت في 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.