iOS 13.3 渐进式 Web 应用元标记不起作用答案

【问题标题】：iOS 13.3 Progressive Web App meta tag not workingiOS 13.3 渐进式 Web 应用元标记不起作用
【发布时间】：2020-04-19 14:12:31
【问题描述】：

在我网页的<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>

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

【问题讨论】：

请您发布您的<head> 部分的其余部分。
请看完整版，谢谢
请您发布您的清单。
尝试使用"display": "fullscreen" 而不是"display": "standalone"。
我改变了它，但没有区别，这里的清单是从我的其他网络应用程序复制的，它可以工作，只是改变了路径以匹配新的目录结构。

标签： html ios web-applications paw

【解决方案1】：

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

清单的结尾应该是...

    }
  ]
}

【讨论】：