自訂啟動畫面可讓漸進式網頁應用程式 (PWA) 呈現更符合裝置需求的應用程式。根據預設,當使用者從主畫面啟動 PWA 時,Android 會顯示白色畫面,直到 PWA 準備就緒為止。使用者可能會看到空白的白色畫面,最長可達 200 毫秒。設定自訂啟動畫面,您可以向使用者顯示自訂背景顏色和 PWA 圖示,為品牌提供引人入勝的品牌體驗。
Lighthouse 啟動畫面稽核失敗情形
Lighthouse 會標記沒有自訂啟動畫面的網頁:
如何建立自訂啟動畫面
只要符合下列網頁應用程式資訊清單要求,Chrome for Android 就會自動顯示自訂啟動畫面:
name
屬性已設為 PWA 的名稱。background_color
屬性已設為有效的 CSS 顏色值。theme_color
屬性已設為有效的 CSS 顏色值。icons
陣列指定至少為 512 x 512 像素的圖示。- 指定的圖示存在,且為 PNG。
詳情請參閱為 Chrome 47 版中安裝的網頁應用程式新增啟動畫面。