המניפסט לא מכיל סמל שניתן להתאמה (maskable)

סמלים שניתן להתאמה הם פורמט חדש של סמלים שמבטיח שסמל ה-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 כדי לוודא שהסמל שניתן להסתרה מוצג בצורה נכונה. האם הסמלים הנוכחיים שלי מוכנים?

משאבים