Режимы отображения манифеста (standalone, fullscreen…)
Свойство display в веб-манифесте приложения управляет тем, сколько интерфейса браузера показывает установленный PWA. "browser" открывает обычную вкладку, "minimal-ui" оставляет узкую панель навигации, "standalone" выглядит как нативное приложение без интерфейса браузера, а "fullscreen" скрывает всё, включая строку состояния. Большинство устанавливаемых приложений используют "standalone", а браузер откатывается вниз по списку, если режим не поддерживается.
Четыре уровня интерфейса браузера
display — это одно поле манифеста с четырьмя значениями, от наибольшего интерфейса браузера к наименьшему. Браузер откатывается вниз по списку, если не поддерживает запрошенное значение, так что запрос fullscreen может приземлиться на standalone, а standalone на minimal-ui.
Режимы
| Значение display | Что видит пользователь |
|---|---|
| browser | Обычная вкладка браузера, полный интерфейс |
| minimal-ui | Узкая панель с назад/перезагрузкой, без адресной строки |
| standalone | Как приложение, без интерфейса браузера, строка состояния сохранена |
| fullscreen | Всё скрыто, включая строку состояния |
Частые вопросы о режимах отображения
Что делает display: standalone?
Он запускает установленный PWA без какого-либо интерфейса браузера (без адресной строки и вкладок), так что он выглядит и ощущается как нативное приложение, сохраняя при этом строку состояния устройства.
Какой режим отображения выбрать?
Для большинства устанавливаемых приложений — "standalone". Используйте "fullscreen" только для погружающих случаев вроде игр; "minimal-ui", когда нужна небольшая навигация; "browser", если вы вообще не хотите поведения как у приложения.
Почему мой PWA всё ещё показывает адресную строку?
Либо приложение на самом деле не было установлено (вы всё ещё на вкладке), либо браузер откатился к режиму с большим интерфейсом, потому что не поддерживает запрошенный.