عدم الضبط لشاشة بداية مخصّصة

تجعل شاشة البداية المخصّصة تطبيق الويب التقدّمي (PWA) يبدو وكأنه تطبيق مصمَّم لهذا الجهاز. عندما يشغِّل أحد المستخدمين تطبيق الويب التقدّمي (PWA) تلقائيًا من الشاشة الرئيسية، يعرض Android شاشة بيضاء إلى أن يصبح تطبيق الويب التقدّمي (PWA) جاهزًا. وقد تظهر هذه الشاشة البيضاء فارغة للمستخدم لمدة تصل إلى 200 ملي ثانية. ومن خلال إعداد شاشة بداية مخصَّصة، يمكنك أن تعرض للمستخدمين لون خلفية مخصّص ورمز تطبيق الويب التقدّمي (PWA)، ما يوفّر تجربة تفاعلية وتحمل علامة تجارية.

أسباب تعذُّر تدقيق شاشة البداية في Lighthouse

تضع Lighthouse علامة على الصفحات التي لا تحتوي على شاشة بداية مخصّصة:

يظهر تدقيق أداة Lighthouse في أنّ الموقع الإلكتروني لم يتم إعداده لشاشة بداية مخصّصة.

كيفية إنشاء شاشة بداية مخصصة

يعرض Chrome لنظام Android شاشة البداية المخصّصة تلقائيًا طالما أنك تستوفي المتطلبات التالية في بيان تطبيق الويب:

  • تم ضبط السمة name على اسم تطبيق الويب التقدّمي (PWA).
  • تم ضبط السمة background_color على قيمة لون CSS صالحة.
  • تم ضبط السمة theme_color على قيمة لون CSS صالحة.
  • تحدّد مصفوفة icons رمزًا بحجم 512x512 بكسل على الأقل.
  • الرمز المحدد موجود بتنسيق PNG.

راجِع إضافة شاشة البداية لتطبيقات الويب المثبَّتة في Chrome 47 للحصول على مزيد من المعلومات.

المراجِع

رمز المصدر لتدقيق لم يتم إعداده لشاشة بداية مخصّصة