iOS 12.2上的渐进式Web App卡在离线页面中

Question

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

如果我导航到没有互联网连接的特定页面，则可以按预期获得野生动物园的本机脱机页面。该页面显示以下消息：

Safari无法打开页面，因为您的iPhone未连接到Internet。

如果我再次打开Internet连接，则PWA仍会显示本机Safari脱机页面，使用户无法重新加载该页面或导航至另一个页面。

简而言之，如果我一次没有连接互联网就访问我的PWA，则PWA将永远显示野生动物园的本机脱机页面。

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

我的服务人员看起来像这样：

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

即使我按照本文所述提供自定义的脱机页面，但是如果我再次打开Internet连接，PWA仍然停留在脱机页面上。

Answer 1

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

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