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

时间:2019-05-05 14:32:38

标签: ios progressive-web-apps

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

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

  

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

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

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

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

我的服务人员是这样的:

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

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

1 个答案:

答案 0 :(得分:1)

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

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

上查看工作演示