display

Type String
Mandatory No
Example
"display": "standalone"

Note: Если свойство display не указано, по умолчанию используется "browser".

display - это строка, которая определяет предпочитаемый разработчиком режим отображения для веб-сайта. Режим отображения изменяет количество отображаемого пользовательского интерфейса браузера и может варьироваться от "browser" (когда отображается полное окно браузера) до "fullscreen" (когда приложение полноэкранно).

Заметка: Вы можете выборочно применить CSS к своему приложению на основе режима отображения, используя медиа-функцию display-mode. Это может быть использовано для обеспечения более гладкого перехода для пользователя от загрузки сайта по URL к запуску по иконке на рабочем столе.

Значения

Валидные значения следующие:

Режим отображения Описание Резервный режим отображения
fullscreen Используется все доступное пространство экрана и агент пользователя chrome не отображается. standalone
standalone Приложение будет выглядеть и ощущаться, как отдельное приложение. Это может включать наличие другого окна у приложения, собственной иконки в меню запуска и т.д. В этом режиме агент пользователя будет исключать элементы пользовательского интерфейса (ПИ) для контроля за навигацией, но может включать другие элементы ПИ, такие как статус-бар. minimal-ui
minimal-ui Приложение будет выглядеть и ощущаться, как отдельное приложение, но будет иметь минимальный набор элементов ПИ для контроля над навигацией. Элементы будут варьироваться в зависимости от браузера. browser
browser Приложение открывается в обычной вкладке браузера или новом окне, в зависимости от браузера и платформы. По умолчанию. (None)

Пример

"display": "standalone"

Specification

Specification Status Comment Feedback

Web App Manifest
Определение 'display' в этой спецификации.

Рабочий черновик

Initial definition.

Web App Manifest Working Group drafts

Browser compatibility

Note: Firefox version 47 supports only browser value of display; minimal-ui, standalone , and fullscreen were added in Firefox 57.

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
display
Экспериментальная
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 47Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.