iOS 13.3 渐进式 Web 应用程序元标记不起作用

Question

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

Answer 1

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

清单的末尾应该是...

    }
  ]
}

iOS 13.3 渐进式 Web 应用程序元标记不起作用

iOS 13.3 Progressive Web App meta tag not working

html

web-applications

ios

paw