即使处于离线状态,也可以启动已安装的平台应用。在这种情况下,应用通常会显示一个网页,告知用户无法访问互联网。有些开发者甚至会创建一整套可在离线状态下使用的功能。
在 Web 应用中,离线工作功能是最近才推出的;它是在 Service Worker API 发布后才得以实现的。此外,当网站变得可安装时,PWA 添加了一项要求,即必须注册服务工件并实现其 fetch()
方法,才能使 Web 应用可安装。目的是激励开发者至少向用户发出通知,告知他们应用目前无法使用。
现在,开发者无需执行任何操作即可获得默认的离线页面。从 Android 版 Chrome 109 开始,该浏览器会自动生成一个页面,以便在用户离线时告知用户。
如果应用未实现自定义离线体验,当用户处于离线状态时,默认离线页面会使用应用的图标和简单的您处于离线状态消息。如以下示例所示。
访问此 glitch,查看上例的实际运用。
您仍然可以选择创建自己的自定义离线页面。以下视频演示了如何使用一行代码通过 Workbox 提供自定义页面。
此功能适用于 Android(Chrome 109)和桌面环境(Chrome 110)。如果您有任何反馈,请通过此表单与我们联系
照片由 Sten Ritterfeld 拍摄,选自 Unsplash