在网页的<head>中,我具有:

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


根据Apple开发人员的说法,这是应用程序以“独立”模式启动所需要的全部。但是,当单击我添加到家庭中的书签时,它将在默认的野生动物园而不是其自己的实例中启动。令我感到困惑的是,我从上周制作的另一个有效的网页上复制了这些标签。

我做错什么了吗?

在此先感谢您提供任何答案,如果需要,我非常愿意提供更多的html文件。

全头:

<head>
<title>XXXXXX</title>

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

<meta name="viewport" content="user-scalable=no">

<meta name="apple-mobile-web-app-title" content="XXXXXX">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

<link rel="apple-touch-icon" href="icon.jpeg">
</head>


manifest.json:

{
  "name": "XXXXXX",
  "short_name": "XXXXXX",
  "description": "Placeholder",
  "lang": "en-GB",
  "start_url": "/index.php",
  "scope": "/",
  "display": "standalone",
  "theme_color": "#ffffff",
  "icons": [
    {
      "src": "icon.jpeg",
      "type": "image/jpeg",
    }
  ],
}


我的网页上确实使用了iframe,但我看到其他使用该功能并仍然可以正常使用的网络应用。

最佳答案

清单末尾的逗号并不意味着出现在清单中,并导致清单无效,因此iPhone会忽略清单并以正常书签的形式启动Web应用程序。

清单的结尾应为...

    }
  ]
}

09-17 09:11