Android 版 Chrome 中 Web 应用的基本离线页面

已安装的平台应用即使在离线状态下也可以启动。在这种情况下,它们通常包含一个页面,告知用户无法访问互联网。有些开发者甚至打造了一整套离线功能。

对于 Web 应用,离线工作的功能是更新的;随着 Service Worker API 的推出,这一新的功能已成为现实。此外,当网站变得可安装时,PWA 增加了注册 Service Worker 并实现其 fetch() 方法的要求,这样 Web 应用才能安装。 其目的是激励开发者至少向其用户发送通知,告知其应用目前还无法使用。

现在,开发者无需任何操作即可获得默认离线页面。从 Android 上的 Chrome 109 开始,浏览器会自动生成一个网页,告知用户自己是否处于离线状态。

如果应用未实现自定义离线体验,当用户离线时,默认离线页面会使用应用的图标和简单的您目前处于离线状态消息。如下所示。

示例 Web 应用的默认离线页面,其中徽标是一个粉色圆圈和两个加号,并且包含“you are offline”消息。

访问此故障可查看上一个实际示例。

您仍然可以选择创建自己的自定义离线网页。以下视频演示了如何使用 Workbox 通过单行代码提供自定义页面。

此功能适用于 Android (Chrome 109) 和桌面环境 (Chrome 110)。如果您有任何反馈,请通过此表单发送给我们

照片由 Sten Ritterfeld 拍摄,选自 Unsplash 用户