javascript - 如何在 iOS 上的 PWA 中删除“无网络”警报

Question

当我的 iOS 设备未连接到网络时，我的 Progressive Web App 打开时会弹出以下警报。如何删除它以使我的 PWA 更具原生感？

标签： javascriptioshtmlprogressive-web-apps

Answer 1

您可以查看本文档web app manifest中的组件。

第一次连接到网络时，Web 浏览器会读取清单文件，下载给定的资源并将它们存储在本地。然后，如果没有网络连接，浏览器将使用本地缓存在离线时呈现 Web 应用程序。

注意：不要将此与AppCache 使用的旧.manifest文件混淆。PWA 应该使用 service worker 来实现缓存和 Web 应用清单以启用“添加到主屏幕”和推送消息。

以下是一些附加链接供参考：

• Service Worker：离线处理请求，在线发送
• 使用 beforeunload 事件的离线 Web 应用程序
• Progressive Web App：离线缓存在 Android 上不工作，在 Chrome 开发工具上工作