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

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

对于 Web 应用,离线工作功能是最近才有的;随着 Service Worker API 的推出,Web 应用才能够离线工作。此外,当网站可安装时,PWA 增加了一项要求,即必须注册服务工作线程并实现其 fetch() 方法,才能使 Web 应用可安装。此想法旨在激励开发者至少向用户提供应用目前无法使用的通知。

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

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

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

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

此功能可在 Android(Chrome 109)和桌面环境(Chrome 110)中使用。如果您有任何反馈,请通过此表单告诉我们

照片由 Sten Ritterfeld 拍摄,选自 Unsplash 网站