From 403aea0565025f90bfef887302c7a594e7604d02 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 13 Jan 2022 01:53:32 +0900 Subject: 2021/12/14 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/manifest/display/index.md | 152 ++++++++++++++------------------- 1 file changed, 64 insertions(+), 88 deletions(-) (limited to 'files/ja/web') diff --git a/files/ja/web/manifest/display/index.md b/files/ja/web/manifest/display/index.md index b0ed8f2295..6e23626623 100644 --- a/files/ja/web/manifest/display/index.md +++ b/files/ja/web/manifest/display/index.md @@ -2,111 +2,87 @@ title: display slug: Web/Manifest/display tags: - - Manifest - - Web - - display - マニフェスト + - ウェブ + - display +browser-compat: html.manifest.display translation_of: Web/Manifest/display --- -
{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}
+{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}} - - - - - - - - - - + + + + + + + + + +
型String
必須いいえ
型`String`
必須いいえ
-

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

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

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

-
+> **Note:** ブラウザーは指定されたモードに対応していなかった場合は、定義済みの代替チェーンに従います。これは `fullscreen` → `standalone` → `minimal-ui` → `browser` であり、 `browser` が `display` メンバーが指定されていなかった場合の既定値です。 -
-

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

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

値

+## 値 -

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

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

例

+## 例 -
"display": "standalone"
-
+```json +"display": "standalone" +``` -

仕様書

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

{{SpecName('Manifest', '#display-member', 'display')}}

- 		-

{{Spec2('Manifest')}}

- 		-

初回定義

- 		-

Web App Manifest Working Group drafts

-
+## 仕様書 -

ブラウザーの互換性

+{{Specifications}} -
-

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

-
+## ブラウザーの互換性 -

{{Compat("html.manifest.display")}}

+{{Compat}} -- cgit v1.2.3-54-g00ecf