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

משאבים