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

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

本文介绍了IOS 12.2上的渐进式Web应用程序卡在脱机页面上的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我通过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应用程序卡在脱机页面上的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:IOS 12.2上的渐进式Web应用程序卡在脱机页面上

基础教程推荐