#ios #web-applications #statusbar #html-framework-7
#iOS #веб-приложения #строка состояния #html-framework-7
Вопрос:
Я работаю над веб-приложением для iOS 10 (с использованием Framework 7), и я хотел бы изменить черный цвет строки состояния по умолчанию.
Я пробовал это:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Но это не работает… Как я могу сделать?
Спасибо!
Ответ №1:
Попробуйте это в CSS
.statusbar-overlay {
background: black;
}
Ответ №2:
Чтобы получить светлую строку состояния с черным текстом, используйте:
<meta name="apple-mobile-web-app-status-bar-style" content="default">
Чтобы получить черную строку состояния с белым текстом, используйте:
<meta name="apple-mobile-web-app-status-bar-style" content="default">
Чтобы получить прозрачную строку состояния с белым текстом, используйте:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Смотрите эту ссылку
Если вам нужна полупрозрачная строка состояния, вы можете добавить полосу высотой 20 пикселей, расположенную вверху страницы. Я бы сделал запрос, чтобы проверить, находится ли приложение в полноэкранном режиме: вы можете определить, отображается ли веб-страница в полноэкранном режиме, используя логическое свойство JavaScript window.navigator.standalone, доступное только для чтения.
Я не тестировал это.