IOS 12.2上的渐进式Web应用程序卡在脱机页面上

本教程将介绍IOS 12.2上的渐进式Web应用程序卡在脱机页面上的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

IOS 12.2上的渐进式Web应用程序卡在脱机页面上 教程 第1张

问题描述

我通过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应用程序卡在脱机页面上的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。