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.

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

監査が重要である理由

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

監査に合格する方法

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

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

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

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

監査方法

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

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

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