מסך פתיחה בהתאמה אישית גורם ל-Progressive Web App (PWA) להרגיש יותר כמו אפליקציה שמיועדת למכשיר הזה. כברירת מחדל, כשמשתמש מפעיל את ה-PWA ממסך הבית, ב-Android מוצג מסך לבן עד שהאפליקציה תהיה מוכנה. המשתמש עשוי לראות את המסך הלבן הריק למשך עד 200 אלפיות השנייה. הגדרה של מסך פתיחה בהתאמה אישית מאפשרת לך להראות למשתמשים צבע רקע בהתאמה אישית ואת סמל ה-PWA, וכך ליצור חוויה ממותגת ומרתקת.
איך הבדיקה של מסך הפתיחה של Lighthouse נכשלה
Lighthouse מסמן דפים שאין להם מסך פתיחה מותאם אישית:
איך יוצרים מסך פתיחה בהתאמה אישית
Chrome ל-Android מציג באופן אוטומטי את מסך הפתיחה בהתאמה אישית, כל עוד אתם עומדים בדרישות הבאות במניפסט של אפליקציית האינטרנט:
- המאפיין
nameמוגדר לשם ה-PWA. - המאפיין
background_colorמוגדר לערך צבע CSS חוקי. - המאפיין
theme_colorמוגדר לערך צבע CSS חוקי. - המערך
iconsמציין סמל בגודל של לפחות 512x512 פיקסלים. - הסמל שצוין קיים בפורמט PNG.
מידע נוסף מופיע במאמר הוספת מסך פתיחה לאפליקציות אינטרנט מותקנות ב-Chrome 47.