IOS 12.2上的渐进式Web应用程序卡在脱机页面上 [英] Progressive Web App on iOS 12.2 stuck in offline page

问题描述

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

如果我在没有互联网连接的情况下导航到某个特定的页面，我会像预期的那样得到Safari的本地离线页面。页面显示以下消息：

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

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

简而言之，如果我在没有互联网连接的情况下访问我的PWA一次，PWA将永远显示Safari的原生离线页面。

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

我的服务人员如下所示：

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

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

推荐答案

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

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

查看工作演示

这篇关于IOS 12.2上的渐进式Web应用程序卡在脱机页面上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！