iOS webapp - как сохранить полноэкранный режим между страницами

Question

Я создаю крошечный сайт и хочу разрешить пользователям сохранять его как приложение с iOS устройств. Я добавил это на каждой странице:

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

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

Я бы хотел, чтобы все, что пользователь делает на странице, было видно в полноэкранном режиме.

Есть предложения?

Answer 1

Мне удалось исправить проблему, добавив файл манифеста:

1. создать файл манифеста в root вашего веб-приложения с содержанием, аналогичным этому:

    {
      "name": "My Super App",
      "short_name": "My App",
      "display": "standalone",
      "scope": "/my-app-path/",
      "start_url": "/my-app-path/"
    }

Добавить ссылку на файл манифеста

Удалить и снова добавить приложение к себе домой