navgator.onLine في قناة إصدار مطوّري البرامج من Chrome
bookmark_borderbookmark
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
باستخدام واجهات برمجة التطبيقات بلا إنترنت في 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.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2011-06-23 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2011-06-23 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]