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

الرموز القابلة للإخفاء هي تنسيق جديد للرموز يضمن ظهور رمز PWA بشكل رائع على جميع أجهزة Android. على أجهزة Android الأحدث، تتم إضافة خلفية بيضاء لرموز PWA التي لا تتبع تنسيق الرموز القابلة للإخفاء. عند استخدام أيقونة قابلة للإخفاء، تضمن أن تشغل الرمز كل المساحة التي يوفرها 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" للتأكّد من ظهور الرمز القابل للإخفاء بشكل صحيح. يُرجى الاطّلاع على القسم هل رموزي الحالية جاهزة؟

المراجِع