* apple * mobile-web-app-status-bar-style в стиле iPhone 11 - PullRequest
0 голосов
/ 08 апреля 2020

В соответствии с рекомендациями Apple для разработчиков веб-приложений ( находится здесь ), в строке состояния в веб-приложении есть 3 варианта; по умолчанию, черный и черный полупрозрачный.

  • По умолчанию отображается белая строка состояния с черным текстом
  • Черный приводит к черной строке состояния с белым текстом
  • Черный полупрозрачные результаты на прозрачном фоне с белым текстом

Я пытаюсь реализовать поведение default , к сожалению, я просто получаю черную полосу с белым текстом. Сначала я открыл приложение в Safari, затем нажал «Добавить на главный экран», и вот что я вижу при открытии получившегося «приложения» на главном экране:

enter image description here

Для справки вот как выглядит мой HTML:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="mobile-wep-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, viewport-fit=cover">

Мой манифест. json включает в себя следующее:

"display" : "fullscreen"

Это как-то связано с iPhone 11? Я ожидаю, что строка состояния будет иметь белый фон и черный текст.

1 Ответ

0 голосов
/ 09 апреля 2020

После нескольких часов стрижки волос я обнаружил, что виноват темный режим в iOS 13.

Переход к Настройки> Дисплей и яркость и возврат в режим Light исправляет это.

...