Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.

マニフェストで display プロパティを指定する

監査が重要である理由

ホーム画面からアプリを起動すると、ウェブアプリ マニフェストの display プロパティに指定したモードでアプリが表示されます。

監査に合格する方法

ウェブアプリ マニフェストに display プロパティを追加し、fullscreenstandalonebrowser のいずれかの値を指定します。

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

各値の詳細については、MDN リファレンスの display プロパティの内容をご覧ください。

アプリに "Add to Homescreen" 機能を適切に実装して、テストを実施する方法については、マニフェストを使用するで紹介しているガイドをご覧ください。

監査方法

このセクションでは Lighthouse による監査方法と監査スコアの算出方法を説明します。

Lighthouse ではマニフェストを取得して、display プロパティがあることと、その値が fullscreenstandalonebrowser でのいずれかであることを検証します。

なお、Lighthouse で取得するマニフェストは、Chrome がページで使用するマニフェストとは別のファイルであるため、正確な結果が出ない場合があります。