当前网页在离线时没有响应,并返回 200

核心渐进式 Web 应用核对清单指出,PWA 应提供自定义离线页面。最优渐进式 Web 应用核对清单指出,PWA 应提供一种离线体验,使 PWA 在离线状态下的行为和在线时一样(在没有严格要求网络连接的情况下)。

如需了解详情,请参阅什么是网络可靠性?如何衡量网络可靠性?一文。

Lighthouse 离线审核如何失败

Lighthouse 会标记在离线状态下未返回 HTTP 200 响应的页面:

Lighthouse 审查显示网页在离线时没有响应 200

Lighthouse 使用 Chrome 远程调试协议模拟离线连接,然后尝试使用 XMLHttpRequest 检索该网页。

如何使 PWA 离线工作

  1. 向您的应用添加 Service Worker
  2. 使用 Service Worker 在本地缓存文件。
  3. 离线时,使用 Service Worker 作为网络代理,以返回文件的本地缓存版本。

资源