Веб-приложение больше не открывается как отдельное (iOS 13) - PullRequest
1 голос
/ 08 марта 2020

До появления iOS11 мое простое веб-приложение работало нормально в автономном режиме. В iOS13 он полностью перестал работать как PWA, и я не могу понять, почему. Когда я добавляю его на домашний экран и нажимаю на его значок, веб-страница открывается в iOS Safari и больше не является автономным приложением. Кто-нибудь может понять почему?

Я пробовал разные советы, найденные в Интернете, но не нашел ничего, что помогло: ни удаление тегов apple-speci c, ни использование файла манифеста, ни указание полноэкранного режима, область действия или start_up в манифесте, а также изменение порядка тегов head.

Очень благодарен за любую помощь!

Вот соответствующий код:

<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, height=device-height, user-scalable=no, shrink-to-fit=no">

        <link rel="manifest" href="manifest.json">

        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-title" content="OC bønnebok">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <!-- iphone retina 6 funker med denne -->
        <link rel="apple-touch-icon" href="oc-applogo-192.png">
        <!-- ipad nonretina ios pre 7 -->
        <link rel="apple-touch-icon" sizes="72x72" href="oc-applogo-72.png">
        <!-- iphone non-retina pre ios 7 -->
        <link rel="apple-touch-icon" sizes="57x57" href="oc-applogo-57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="oc-applogo-57.png">
        <!-- something android -->
        <link rel="icon" sizes="128x128" href="oc-applogo-128.png">
...

Вот мой файл манифеста, хотя iOS, кажется, не слишком заботится ( по крайней мере, он выбирает имя ярлыка из тега, а не из манифеста:

{
    "short_name": "OC Bpnnebok",
    "name": "Bpnnebok for Ordo Crucis",
    "icons": [
        {
            "src": "oc-applogo-120.png",
            "sizes": "96x96",
            "type": "image/png"
        },
        {
            "src": "oc-applogo-152.png",
            "sizes": "144x144",
            "type": "image/png"
        },
        {
            "src": "oc-applogo-192.png",
            "sizes": "192x192",
            "type": "image/png"
        }
    ],


    "display": "standalone"

}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...