Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

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

監査が重要である理由

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

監査に合格する方法

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

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

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

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

監査方法

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

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

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