ما هو 'الملاح' في تطبيقات الويب التقدمية؟

كيف يمكّن 'الملاح' من تحسين تطبيقات الويب بشكل تدريجي

ما هو "الملاح" في تطبيقات الويب؟

إذا كان مدعومًا ، فإن كائن "النافذة" العام في تطبيق الويب الخاص بك يوفر الوصول إلى كائن "الملاح". يحتوي "المتصفح" على الكثير من المعلومات المحتملة حول التطبيق ويمكن أن يمنحك إمكانية الوصول إلى أحداث معينة للاشتراك فيها. يساعدك على كتابة تطبيقات ويب حديثة حقًا يمكن أن تشعر وكأنها أصلية تقريبًا.

يرتبط مثيل "navigator" مباشرة بوكيل المستخدم ، وهو التطبيق الذي يقوم بتشغيل تطبيق الويب الخاص بك - المتصفح.

كيف يمكن لـ "الملاح" تحسين تطبيقك بشكل تدريجي

يعني "التحسين التدريجي" أن "المتصفح" يقدم مجموعة معينة من الإمكانات بناءً على المتصفح الذي يستضيف التطبيق. على سبيل المثال ، يتمتع متصفح Google Chrome دائمًا بمعظم الميزات التي تم تنفيذها ، حتى تلك غير المستقرة ، حيث يدفع Google حدود تطبيقات الويب التقدمية باستمرار.

كما سترى في جميع الأمثلة في وثائق MDN ، تحتاج إلى التأكد من أن المتغير أو الوظيفة التي تريد الوصول إليها متاحة بالفعل في "المتصفح".

// Just a simple example of how
// to check for availability 
// of features.


function checkNetwork(){
  if("connection" in navigator){
    // Now it's safe to use 'navigator.connection'.
    // 👉 https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection
  }
  
  // Alternative if you're using:
  // 'navigator?.connection'
}

بعض المعلومات التي يُمكّنك "الملاح" من استهلاكها في تطبيقك:

  • عدد النوى CPU
  • معلومات مفصلة عن الشبكة
  • حالة بطارية الجهاز الذي يقوم بتشغيل تطبيقك ، على سبيل المثال الجهاز اللوحي أو الهاتف الذكي
  • قراءة وتتبع الموقع الجغرافي الحالي
  • باستخدام القائمة الأصلية للمضيف لمشاركة المحتوى
  • السيطرة على الجلسة الإعلامية

يمكنك في الواقع رؤية بعض هذه الميزات حية وعملية على PWA بالذات. ما عليك سوى التمرير لأسفل إلى نهاية أي صفحة ، حيث يمكنك رؤية عدد قليل من تطبيقات مقاييس الأجهزة المتاحة ، على سبيل المثال عدد نوى وحدة المعالجة المركزية.

العمل مع "الملاح"

تهدف هذه المقالة فقط إلى إعطائك مقدمة موجزة جدًا للإمكانيات التي تأتي مع "الملاح" لتطبيقات الويب التقدمية. لدى MDN صفحة نظرة عامة رائعة بالإضافة إلى وثائق حول كل من الميزات المتاحة.

بالنسبة إلى Chrome من Google ، هناك أيضًا "Project Fugu" ، الذي ينفذ ميزات تجريبية جديدة ، وهي متاحة فقط خلف علامة ميزة على متصفحات Chromium.