Панель состояния веб-приложений iOS 7

Я создаю веб-приложение iOS. Начиная с обновления до iOS 7, я вижу, что в строке состояния есть ряд проблем. Я бы хотел, чтобы строка состояния отображалась как белый с черным текстом/значками, но я не могу понять, как это сделать.

Метатеги, которые я пробовал, следующие:

Показывает только пустую черную полосу и смещает содержимое вниз:

<meta name="apple-mobile-web-app-status-bar-style" content="default" />

Показывает черную полосу с белым текстом/значками:

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

Показывает белый бар с белым текстом/значками:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

Любые идеи о том, что я делаю неправильно, или как заставить строку статуса отображаться на белом фоне с черным текстом?

Ответ 1

"translucent" действительно работает для iPhone, но он попадает или пропускается.

Вам может повезти, если положить css внутри @media only screen (height: "iPHONES HEIGHTs"px) and (width: 320px) { }.

Единственный способ заставить его работать на моем iPad - это сохранить веб-страницу как translucent, а затем изменить веб-страницу на "black-translucent" и перезапустить webapp.

7.0.4 вышел сегодня, и это все еще проблема. Приходите к Apple: (

Ответ 2

Я создаю веб-приложение iOS. Начиная с обновления до iOS 7, я вижу, что в строке состояния есть ряд проблем. Я бы хотел, чтобы строка состояния отображалась как белый с черным текстом/значками, но я не могу понять, как это сделать.

Я сделал это. Вот вам ответ.

https://github.com/BYODKM/pwdGen/blob/gh-pages/index.html#L8-L16

Точка; Приложение должно быть сохранено с "черно-полупрозрачным" на Домашний экран, но работать с "по умолчанию".

Ответ 3

Если вы удалите эту мета-линию, сделайте фоновый цвет белым, она отобразит белую строку состояния.

В браузере появится оттенок вашего фонового цвета вашего тела. Насколько я проверял и уведомляет также о вашем статусе. Кажется, что все включено в рамку браузера