التحضير لأوضاع عرض الغد

يمكن لتطبيقات الويب التقدّمية استخدام السمة "display_override" للتعامل مع أوضاع العرض الخاصة.

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

الموقع الاستخدام
fullscreen يفتح تطبيق الويب بدون أي واجهة مستخدم للمتصفح ويأخذ مساحة العرض المتاحة بالكامل.
standalone يفتح تطبيق الويب ليبدو وكأنه تطبيق مستقل. التطبيق. يعمل التطبيق في نافذته الخاصة بشكل منفصل عن المتصفّح لإخفاء عناصر واجهة المستخدم القياسية للمتصفّح، مثل شريط عنوان URL.
minimal-ui وهذا الوضع يشبه الوضع "standalone"، ولكنه يوفر المستخدم الحد الأدنى من مجموعة عناصر واجهة المستخدم للتحكم في التنقل (مثل كرجوع وإعادة التحميل).
browser تجربة متصفّح عادية

تتبع أوضاع العرض هذه سلسلة احتياطية محددة جيدًا. ("fullscreen""standalone""minimal-ui""browser"). إذا كان المتصفح لا يدعم علامة يعود إلى وضع العرض التالي في السلسلة.

عيوب السمة display

توجد ثلاثة مشكلات في نهج السلسلة الاحتياطية السلكية سلكيًا:

  • لا يمكن لمطوِّر البرامج طلب ""minimal-ui"" بدون فرض الرجوع إلى وضع العرض ""browser"" في حال لم يكن متصفّح "minimal-ui" متوافقًا مع متصفّح معيّن.
  • لا يستطيع المطوّرون التعامل مع الاختلافات على مختلَف المتصفحات، مثلاً في حال تضمّن المتصفّح زر الرجوع أو يستبعده في نافذة الوضع "standalone".
  • يؤدي السلوك الحالي إلى عدم إمكانية تقديم شاشة عرض جديدة. بطريقة متوافقة مع الأنظمة القديمة، حيث لا تحتوي الاستكشافات مثل وضع التطبيق المبوَّب على الطبيعي في السلسلة الاحتياطية.

السمة display_override

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

في المثال أدناه، ستكون السلسلة الاحتياطية لوضع العرض على النحو التالي. (تفاصيل "window-controls-overlay" خارج نطاق هذه المقالة).

  1. "window-controls-overlay" (انظر أولاً إلى display_override.)
  2. "minimal-ui"
  3. "standalone" (عند نفاد السمة display_override، يجب تقييم display).
  4. "minimal-ui" (أخيرًا، استخدِم سلسلة display الاحتياطية.)
  5. "browser"
{
  "display_override": ["window-controls-overlay", "minimal-ui"],
  "display": "standalone",
}

للحفاظ على التوافق مع الأنظمة القديمة، لن يتم قبول أي وضع عرض مستقبلي إلا كقيمة display_override ولكن ليس display. في المتصفّحات التي لا تتوافق مع display_override، يتم الرجوع إلى السمة display وتتجاهلها. display_override كموقع بيان غير معروف لتطبيق ويب.

خدمات الإقرار

تم إضفاء الطابع الرسمي على السمة display_override من قِبل دانيال ميرفي