Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

清單的 display 屬性已設置

爲什麼說此審查非常重要

當您的應用從主屏幕啓動時,您可以使用網絡應用清單中的 display 屬性指定應用的顯示模式。

如何通過此審查

將一個 display 屬性添加到您的網絡應用清單,並將其設置爲以下值之一:fullscreenstandalonebrowser

{
  ...
  "display": "fullscreen",
  ...
}

如需瞭解每個值的詳細信息,請參閱 MDN 上針對顯示屬性的參考

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

如何實現此審查

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

Lighthouse 提取清單並驗證 display 屬性是否存在,且其值是否爲 fullscreenstandalonebrowser

Lighthouse 提取的清單獨立於 Chrome 當前在頁面上使用的清單,這可能會產生不準確的結果。