display

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
display
browser
fullscreen
minimal-ui
standalone

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.