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

סמלים שניתנים להתאמה אישית הם פורמט חדש של סמלים שמבטיח שסמל ה-PWA ייראה כמו שצריך. מעולה בכל מכשירי Android. במכשירי Android חדשים יותר, סמלי PWA שלא פועלים לפי פורמט הסמל שניתן להתאמה אישית מקבל רקע לבן. כשמשתמשים בשכבת-על סימן שמבטיח שהסמל יתפוס את כל השטח שזמין לו ב-Android.

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

משאבים