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

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

就网络应用而言,离线工作功能是最近才有了;随着 Service Worker API 的推出,这一切成为可能。此外,当网站变为可安装状态时,PWA 添加了一项要求,即注册 Service Worker 并实现其 fetch() 方法,这样 Web 应用才可供安装。 这样做是为了激励开发者至少为用户提供一条通知,说明该应用目前无法使用。

现在,开发者无需执行任何操作即可获取默认离线页面。在 Android 设备上的 Chrome 109 中,浏览器将自动生成一个页面,让用户知道自己何时处于离线状态。

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

示例 Web 应用的默认离线页面,该页面的徽标为一个粉色圆圈和两个加号,并且包含消息“您处于离线状态”。

请访问此故障,查看上一个示例的实际应用。

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

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

照片由 Sten Ritterfeld 拍摄于 Unsplash 网站