The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

清單包含背景色

爲什麼說此審查非常重要

當您的網絡應用從用戶的主屏幕加載時,瀏覽器使用 background_color 屬性提取應用加載時瀏覽器的背景色。這會在啓 動應用和加載應用的內容之間產生平穩過渡。

如何通過此審查

在您的網絡應用清單中添加一個 background_color 屬性。其值可以是任意有效的 CSS 顏色。

{
  ...
  "background_color": "cornflowerblue",
  ...
}

有關向您展示如何在應用中正確實現和測試“添加到主屏幕”支持的指南清單,請查看 清單是否存在

如何實現此審查

本部分介紹如何實現此審查,以便您可以瞭解計算此審查得分的方式。

如果清單包含一個 background_color 屬性,則表示通過了審查。Lighthouse 提取的清單獨立於 Chrome 當前在頁面 上使用的清單,這可能會產生不準確的結果。Lighthouse 不會驗證該值是否爲有效的 CSS 顏色。