Есть ли способ отключить строку состояния в веб-приложениях iPhone? Я работаю над тем, что требует фиксированного полноэкранного просмотра, а строка состояния довольно раздражает.
Скрыть строку состояния iPhone в веб-приложении?
Ответ 1
Это невозможно.
Ответ 2
К несчастью, нет. Есть только два варианта black
и black-translucent
. Просто отметьте, что часть black-translucent
части веб-фрейма будет частично видна в строке состояния, а при использовании black
на самом деле выталкивает веб-фрейм, чтобы высота была немного меньше.
Это то, что Apple говорит в documentation:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
Этот метатег не действует, если вы не указали полноэкранный режим, как описано в "apple-mobile-web-app-able."
Если для параметра
content
установлено значениеdefault
, строка состояния отображается нормально. Если установлено значениеblack
, строка состояния имеет черный фон. Если установлено значениеblack-translucent
, строка состояния черная и полупрозрачная. Если установлено значениеdefault
илиblack
, веб-контент отображается под строкой состояния. Если установлено значениеblack-translucent
, веб-контент отображается на весь экран, частично скрытый в строке состояния. Значение по умолчанию:default
.
Ответ 3
Я видел, что вам, возможно, придется удалить веб-приложение со своего домашнего экрана, а затем добавить его снова, если вы добавили метатег, чтобы он имел какое-то значение. Работал для меня.
Ответ 4
Ближайший я мог бы получить (iOS7, я думаю, что iOS6 будет показывать затемненную строку состояния) показывает строку состояния, но с прозрачным фоном и не нажимает на содержимое страницы; так что вы увидите время подключения к сети и количество и время батареи в верхней части приложения.
meta tags:
name="apple-mobile-web-app-capable" content="yes"
name="apple-mobile-web-app-status-bar-style" content="black-translucent"
Кроме того, для просмотра любых изменений требуется, чтобы вы удалили приложение с рабочего стола, а затем добавьте его обратно.
Как упоминалось andyg303:
minimum-ui, возможно, работал над бета-тестированием, но тестировал и не работает на iPhone (iOS 7.1.2 4s) или iPad (v2 7.1.2).
Ответ 5
Он был добавлен в iOS 7.1
Просто добавьте минимальный ui в метатег просмотра, например:
Взято отсюда: https://forums.whirlpool.net.au/archive/2194915
Обратите внимание, что это работает только для iPhone, насколько мне известно, а не iPad
Ответ 6
<meta name="apple-mobile-web-app-capable" content="yes" />