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

Question

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

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

  

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

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

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

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

我的服务人员是这样的：

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

即使我按照article中的说明提供自定义的脱机页面，如果再次打开互联网连接，PWA仍然停留在脱机页面上。

Answer 1

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

它包括您需要的 service worker code 和一个 basic offline page，它会在网络或服务器恢复后尝试重新加载页面。您可以在 https://basic-pwa.glitch.me/

上查看工作演示