لا يحتوي ملف البيان على رمز قابل للإخفاء.

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

أسباب تعذُّر تدقيق رمز Lighthouse القابل للإخفاء

Lighthouse وضع علامة على الصفحات التي لا يتوفر فيها دعم الرموز القابلة للإخفاء:

تدقيق الرمز القابل للإخفاء في واجهة مستخدم تقرير Lighthouse

لاجتياز التدقيق:

  • يجب أن يكون هناك بيان لتطبيق الويب.
  • يجب أن يحتوي بيان تطبيق الويب على مصفوفة icons.
  • يجب أن تحتوي المصفوفة icons على عنصر واحد يتضمّن السمة purpose. ويجب أن تتضمّن قيمة السمة purpose هذه السمة maskable.

كيفية إضافة دعم الرموز القابلة للإخفاء إلى تطبيق الويب التقدّمي (PWA)

  1. يمكنك استخدام Maskable.app Editor لتحويل رمز حالي إلى رمز قابل للإخفاء.

  2. أضِف السمة purpose إلى أحد عناصر icons في بيان تطبيق الويب. اضبط قيمة purpose على maskable. راجِع القيم.

    {
  …
  "icons": [
    …
    {
      "src": "path/to/maskable_icon.png",
      "sizes": "196x196",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
  …
}

  3. استخدِم "أدوات مطوري البرامج في Chrome" للتأكّد من عرض الرمز القابل للإخفاء بشكل صحيح. يُرجى الاطِّلاع على هل رموزي الحالية جاهزة؟

الموارد