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

注意：Lighthouse 中的 PWA 测试已弃用。如需详细了解其弃用情况，请参阅 Chrome 更新后的可安装性标准。如需获取测试指导，请参阅 PWA 文档。

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

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

Lighthouse 离线审核如何失败

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

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

注意：在 Lighthouse 报告界面中，您通过了所有 PWA 子类别（快速且可靠、可安装和 PWA 优化）中的所有审核后，会获得完整的 PWA 徽章。

如何使 PWA 离线工作

成功：推荐使用 Workbox 向网站添加 Service Worker，因为它可以自动执行大量样板代码，让您更轻松地遵循最佳实践，并防止直接使用低级别 ServiceWorker API 时常见的细微 bug。

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

试用：通过使用 Service Worker Codelab，了解如何向应用添加 Service Worker。

资源

• 什么是网络可靠性？如何衡量网络可靠性？
• Service Worker：简介