未設定自訂啟動畫面

自訂啟動畫面可讓漸進式網頁應用程式 (PWA) 呈現更符合裝置需求的應用程式。根據預設,當使用者從主畫面啟動 PWA 時,Android 會顯示白色畫面,直到 PWA 準備就緒為止。使用者可能會看到空白的白色畫面,最長可達 200 毫秒。設定自訂啟動畫面,您可以向使用者顯示自訂背景顏色和 PWA 圖示,為品牌提供引人入勝的品牌體驗。

Lighthouse 啟動畫面稽核失敗情形

Lighthouse 會標記沒有自訂啟動畫面的網頁:

Lighthouse 稽核功能顯示網站未設定自訂啟動畫面

如何建立自訂啟動畫面

只要符合下列網頁應用程式資訊清單要求,Chrome for Android 就會自動顯示自訂啟動畫面:

  • name 屬性已設為 PWA 的名稱。
  • background_color 屬性已設為有效的 CSS 顏色值。
  • theme_color 屬性已設為有效的 CSS 顏色值。
  • icons 陣列指定至少為 512 x 512 像素的圖示。
  • 指定的圖示存在,且為 PNG。

詳情請參閱為 Chrome 47 版中安裝的網頁應用程式新增啟動畫面

資源

未設定自訂啟動畫面稽核的原始碼