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