display
型 | String |
---|---|
必須 | いいえ |
display
メンバーは、開発者が推奨するウェブサイトの表示モードを判別する文字列です。この表示モードは、ブラウザーの UI をどれだけユーザーに見せるかを変更するものであり、 browser
(ブラウザーのウィンドウが完全に見える) から fullscreen
(アプリが全画面になる) までの範囲を取ります。
メモ:
ブラウザーは指定されたモードに対応していなかった場合は、定義済みの代替チェーンに従います。これは fullscreen
→ standalone
→ minimal-ui
→ browser
であり、 browser
が display
メンバーが指定されていなかった場合の既定値です。
メモ:
表示モードに応じて選択的に 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