0

在<head>我的网页中，我有：

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

根据 Apple 开发人员的说法，这就是应用程序以“独立”模式启动所需的全部内容。但是，当单击我添加到主页的书签时，它会在默认 safari 中启动，而不是在它自己的实例中启动。令我困惑的是，我从上周制作的另一个网页上复制了这些标签，该网页确实有效。

我做错什么了吗？

提前感谢您的任何答案，如果需要，我非常愿意提供更多我的 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>

清单.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，但我看到其他网络应用程序使用它并且仍然按预期运行。

4

1 回答 1

0

清单末尾的逗号不应该存在，它会导致清单无效，因此 iPhone 会忽略清单并将 Web 应用程序作为普通书签启动。

清单的结尾应该是...

    }
  ]
}
于 2020-01-05T19:50:54.073 回答