iOS 12.2上的渐进式Web应用程序卡在离线页面

Question

我通过 Safari 的“添加到主屏幕”选项安装了一个定制的渐进式 Web 应用程序。

如果我在没有网络连接的情况下导航到特定页面，就会显示 Safari 的本机离线页面，这是预期的。该页面显示以下消息：

"由于您的 iPhone 没有连接到互联网，Safari 无法打开页面。"

如果我再次打开互联网连接，则 PWA 仍然显示 Safari 的本机离线页面，没有为用户提供重新加载页面或导航到其他页面的可能性。

简而言之，如果我一次没有网络连接地访问我的 PWA，则 PWA 将永远显示 Safari 的本机离线页面。

这是否是 iOS 12.2 上渐进式 Web 应用程序的预期行为？

我的服务工作者如下：

self.addEventListener('fetch', (evt) => {
    return;
});

即使我按照文章中所述提供自定义离线页面，如果我重新连接互联网，PWA仍然会停留在离线页面上。

- pragmaticus

---

我注意到了一个我一直在测试的iOS PWA也有完全相同的行为。即使我强制关闭并重新打开它，它仍然显示消息。但是，如果我重新启动iPhone XS Max，它确实可以正常运行。你是否已经提交了错误报告？ - user1946932

我使用你的一些话将以下内容提交到了苹果iPhone反馈页面：“如果我在没有网络连接的情况下访问我的PWA，那么这个PWA将永远显示Safari的本地离线页面（或者直到我重新启动iPhone）。” - user1946932

@user1946932感谢您的协助。是否可以发布一个公共链接到错误报告？作为一种解决方法，我正在处理一个包含重新加载页面或导航到另一个URL按钮的缓存自定义离线页面。如果运行良好，我将在这里发布教程。无论如何，我很想知道这是否是一个实际的错误，如果您在离线状态下访问它们一次，它将使许多渐进式Web应用程序（没有自定义缓存策略和离线页面）无用。 - pragmaticus

我刚刚在apple.com/feedback/iphone.html上提交了它。如果一切顺利，我们也很想看看你的指南。 - user1946932

这个https://dev59.com/jlYO5IYBdhLWcg3wTfxv?rq=1上面接受的答案有帮助吗？ - user1946932

Answer 1

这是在没有默认离线回退页时的预期行为。相反，我建议创建一个合适的离线回退页。您可以复制/粘贴创建离线回退页中的完整示例。

它包括您需要的服务工作者代码和基本离线页面，一旦网络或服务器恢复，将尝试重新加载页面。您可以在https://basic-pwa.glitch.me/上查看一个工作演示。

- PeteLe