【问题标题】:Strange PWA/Manifest Behavior on iOSiOS 上奇怪的 PWA/Manifest 行为
【发布时间】:2018-04-25 20:52:31
【问题描述】:
我刚刚开始涉足 PWA 领域,并开始在我正在构建的网站上使用 manifest.json。我的目标是让它全屏打开。
我在 iOS 上遇到了一些非常奇怪的行为。
我将 PWA 添加到主屏幕并正确使用清单指定的短名称。但是当我试图打开它时,事情就出轨了。该应用程序似乎尝试根据清单以全屏方式加载,但随后停止,该网站改为在新的 Safari 选项卡中打开两次。我有两个新选项卡都指向 PWA 的 URL。
有谁知道是什么导致了这种奇怪的行为?
【问题讨论】:
标签:
progressive-web-apps
manifest.json
【解决方案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 带来一些问题。您必须彻底测试您的场景。