display

String
必須 いいえ

display メンバーは、開発者が推奨するウェブサイトの表示モードを判別する文字列です。この表示モードは、ブラウザーの UI をどれだけユーザーに見せるかを変更するものであり、 browser (ブラウザーのウィンドウが完全に見える) から fullscreen (アプリが全画面になる) までの範囲を取ります。

メモ: ブラウザーは指定されたモードに対応していなかった場合は、定義済みの代替チェーンに従います。これは fullscreenstandaloneminimal-uibrowser であり、 browserdisplay メンバーが指定されていなかった場合の既定値です。

メモ: 表示モードに応じて選択的に CSS を提供するには、 display-mode メディア特性を使用することができます。これにより、サイトを URL から起動した場合とデスクトップアイコンから起動した場合とでユーザーの操作に一貫性を持たせることができます。

以下の値を利用することができます。

表示モード 説明 代替表示モード
fullscreen 利用可能な画面の領域をすべて使用し、ユーザーエージェントのクロームは表示されなくなります。 standalone
standalone アプリケーションの外見は、単独のアプリケーションのようになります。これは、アプリケーションに別のウィンドウを持たせたり、アプリケーションランチャーに独自のアイコンを追加したりすることができるようになります。このモードでは、ユーザーエージェントはナビゲーションを制御するための UI 要素を除外しますが、ステータスバーなどの他の UI 要素を含めることはできます。 minimal-ui
minimal-ui アプリケーションの外見は、単独のアプリケーションのようになりますが、ナビゲーションを制御するために最小限の UI 要素が表示されます。要素はブラウザーによって異なります。 browser
browser アプリケーションはブラウザーやプラットフォームに応じた一般的なブラウザータブや新しいウインドウで表示されます。これが既定値です。 (なし)

json
"display": "standalone"

仕様書

Specification
Web Application Manifest
# display-member

ブラウザーの互換性

BCD tables only load in the browser