display

Limited availability

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

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

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

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

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

Значения

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

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

Пример

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.