display

String
必須 いいえ

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

注: display メンバーが指定されてなかった場合は、既定で browser になります。

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

次の値を使用することができます。

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

"display": "standalone"

仕様書

仕様書 状態 備考 フィードバック

Web App Manifest
display の定義

草案

初回定義

Web App Manifest Working Group drafts

ブラウザーの互換性

注: Firefox バージョン 47 では、 display の値は browser のみに対応しています。 minimal-ui, standalone , fullscreen は Firefox 57 で追加されました。

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
display
実験的
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 47Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。