angular - 使用 ionic 3+ 在 pwa 中显示离线页面

Question

我想在我的 PWA 中显示一个使用 ionic 3.9 制作的离线页面，网络原生插件不支持浏览器，所以我们不能在 PWA 中使用网络，我如何在手机的互联网连接关闭时显示角度离线页面？

标签： angularionic3hybrid-mobile-appprogressive-web-apps

Answer 1

根据这篇博客，PWA 应该能够使用服务工作者离线完成一些工作。

Service Worker 本质上充当代理服务器，位于 Web 应用程序、浏览器和网络（如果可用）之间。除其他外，它们旨在创建有效的离线体验，拦截网络请求并根据网络是否可用采取适当的行动，并更新驻留在服务器上的资产。

查看此用于渐进式 Web 应用程序的离线存储文档。

• 对于离线加载应用所需的网络资源，请使用缓存 API（服务工作者的一部分）。
• 对于所有其他数据，请使用IndexedDB（带有promises 包装器）。