iOS上的Strange PWA / Manifest行为

Question

我刚刚开始将我的脚趾浸入PWA水域，并开始在我正在建造的网站上玩manifest.json。我的目标是让它全屏打开。

我在iOS上遇到了一些非常奇怪的行为。

我将PWA添加到主屏幕并正确使用清单指定的短名称。但是当我试图打开它时，事情就会发生变化。该应用程序似乎尝试按照清单加载全屏，但随后停止，网站将在新的Safari选项卡中打开两次。我有两个新标签，都指向PWA的URL。

有谁知道造成这种奇怪行为的原因是什么？

Answer 1

希望这对你来说还不算太晚。

我遇到了同样的问题，我发现它manifest link tag中的header是正确的：

<link id="manifest_link" rel="manifest" href="/manifest.json">

当您拥有此功能时，无论内部或外部链接如何，您的PWA的任何链接或重定向都将启动Safari。

一种解决方案是在加载文件后使用javascript从标头中删除链接：

var manifestlink = document.getElementById("manifest_link"); 
document.head.removeChild(manifestlink);

然而，这可能会导致android的一些问题。你必须彻底测试你的场景。