iOS PWA «Добавить на главный экран» - отключить полноэкранный режим

Question

У меня есть PWA, который является кроссплатформенным, но у меня возникают проблемы с iOS 11.3 +.

Когда пользователь выполняет «Добавить на домашний экран», я хочу сохранить строку меню (обновить, вернуться назад), кнопки вперед).то есть мне не нужен полноэкранный режим, потому что я не хочу создавать свои собственные кнопки обновления и возврата.

Я следовал совету на https://medium.com/@firt/dont-use-ios-web-app-meta-tag-irresponsibly-in-your-progressive-web-apps-85d70f4438cb.Большинство других статей, которые я нашел, значительно устарели по этой теме.

Я удалил метатег «apple-mobile-web-app-enabled», но он не работает.Я также попытался установить значение «нет».

<meta name="apple-mobile-web-app-capable" content="no">

Как предотвратить переход «Добавить на домашний экран» на iOS 11 в полноэкранный режим?

Answer 1

Просто удалите сам метатег:

Убедитесь, что вы также удаляете метатег типа apple-mobile-web-app-status-bar-style, в противном случае он может подумать, что вы хотите его в полноэкранном режиме, заявив, что вы хотите строку состояния.

Если после этого у вас все еще есть проблемы и вычищаете всю историю и кеш, прочитайте статью Apple о PWA и попробуйте удалить дополнительные метатеги, вставленные на ваш сайт.