iPad: включение полноэкранного режима в Safari

Администраторы веб-сайтов могут включить для своих пользователей полноэкранный режим в Safari на iPad. Мы покажем вам, как именно это работает.

Полноэкранный режим в Safari на iPad: что работает, а что нет?

На iPad в Safari нет прямого полноэкранного режима.

• Ранее использовавшийся мета-тег minimal-ui работал только в течение короткого времени на iPhone под iOS 7.1 и был удален с iOS 8. На iPad он никогда не работал.

• Сегодня интерфейс Safari нельзя постоянно скрыть с помощью кода или настроек веб-сайта.

• В качестве альтернативы вы можете временно отображать или скрывать адресную строку и панель инструментов: через значок AA в адресной строке → «Скрыть панель инструментов». Однако панели появляются снова, как только вы начинаете с ними взаимодействовать.

Добавление веб-сайта в качестве веб-приложения: использование на главном экране

Единственный способ отображения почти на всей площади — это добавление веб-сайта на главный экран. Таким образом, страница запускается как приложение без панелей управления Safari:

• Откройте веб-сайт в Safari.

• Нажмите на значок «Поделиться».

• Выберите «Добавить на главный экран».

• Настройте название и значок → «Добавить».

• При запуске сайт работает как приложение (автономный режим). Различия: iPhone и iPad: оба отображают страницу без панелей Safari, но панель состояния iOS остается видимой. Веб-приложения: должны иметь собственные кнопки навигации, так как элементы Safari отсутствуют.

iPad vs. iPhone: различия и альтернативы для полноэкранного режима Safari

Не каждый подход приводит к настоящему полноэкранному отображению. Поэтому стоит обратить внимание на различия между iPad и iPhone, а также на возможные альтернативы:

• iPad vs. iPhone: прежний minimal-ui был актуален только для iPhone, но уже давно устарел. На iPad никогда не было аналогичной опции.

• Альтернативные браузеры: Chrome, Firefox или Edge также основаны на WebKit и не предлагают настоящий полноэкранный режим.

• Режимы многозадачности: в Split View и Slide Over Safari работает в разделенном экране, но никогда без панелей — это не следует путать с полноэкранным режимом.

Веб-приложения на iPad: советы по использованию и ограничения

Те, кто регулярно использует веб-сайты в качестве веб-приложений, должны учитывать некоторые моменты, чтобы получить максимально комфортный пользовательский опыт:

• Преимущества: почти полноэкранный просмотр без интерфейса Safari и лучшее погружение в веб-приложения, игры или инструменты.

• Советы: веб-сайты должны быть адаптивными и иметь собственные элементы навигации. Кроме того, должна быть обеспечена офлайн-функциональность с помощью Service Worker.

• Ограничения: неоптимизированные страницы могут быть неудобными (например, без кнопки «Назад»). Кроме того, панель состояния всегда остается видимой. В более старых версиях iOS иногда возникали проблемы с кэшированием или восстановлением приложений.