Android 版 Chrome 中 Web 应用的基本离线页面
bookmark_border bookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
已安装的平台应用即使在离线状态下也可以启动。在这种情况下,它们通常包含一个页面,让用户知道无法访问互联网。有些开发者甚至开发了一整套可在离线状态下使用的功能。
就网络应用而言,离线工作功能是最近才有了;随着 Service Worker API 的推出,这一切成为可能。此外,当网站变为可安装状态时,PWA 添加了一项要求 ,即注册 Service Worker 并实现其 fetch()
方法,这样 Web 应用才可供安装。
这样做是为了激励开发者至少为用户提供一条通知,说明该应用目前无法使用。
现在,开发者无需执行任何操作即可获取默认离线页面。在 Android 设备上的 Chrome 109 中,浏览器将自动生成一个页面,让用户知道自己何时处于离线状态。
如果应用未实现自定义离线体验,当用户离线时,默认离线页面会使用应用的图标和简单的您处于离线状态 消息。如下例所示。
请访问此故障 ,查看上一个示例的实际应用。
自行创建自定义离线页面的选项仍然可用。以下视频演示了如何使用 Workbox 通过一行代码提供自定义网页。
VIDEO
此功能适用于 Android (Chrome 109) 和桌面环境 (Chrome 110)。如果您有任何反馈,请通过此表单 将其发送给我们
照片由 Sten Ritterfeld 拍摄于 Unsplash 网站
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可 获得了许可,并且代码示例已根据 Apache 2.0 许可 获得了许可。有关详情,请参阅 Google 开发者网站政策 。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2023-01-25。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2023-01-25。"],[],[]]