【问题标题】: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 tagheader 中的课程:

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

    一旦你有了这个,任何来自你的 PWA 的链接或重定向都会启动 Safari,无论是内部链接还是外部链接。

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

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

    但是,这可能会给android 带来一些问题。您必须彻底测试您的场景。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-05-23
      • 2014-07-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多