为什么即使页面经过审核，Lighthouse PWA 分数仍为空白答案

【问题标题】：Why Lighthouse PWA score is blank even though the page is audited为什么即使页面经过审核，Lighthouse PWA 分数仍为空白
【发布时间】：2020-06-21 13:03:24
【问题描述】：

我正在使用 chrome 80 DevTools 使用 Lighthouse 审核我的页面。 Lighthouse 审计适用于性能、可访问性、最佳实践和 SEO。但是，对于 PWA，即使我看到审核描述没有分数，分数字段（圆圈）也会变灰（就像一个非活动的 HTML 元素）。我在做google codelab for PWA。我不认为问题出在代码上，如果是这样，审计就会给出至少 0 分的分数。我尝试禁用 chrome 扩展并在隐身模式下运行审核，但没有区别。

审核描述和运行时设置如下所示：

【问题讨论】：

我试过了。
请提供更多信息，来自开发者控制台，来自 STDERR（使用终端启动 Chrome），还请显示您的响应 mime 类型和状态码。
我添加了更多信息

标签： javascript google-chrome-devtools progressive-web-apps lighthouse

【解决方案1】：

PWA 需要 HTTPS 才能工作。

您正在使用未加密的 HTTP 协议。

使用 Chrome，如果您想在本地网络中通过 http 使用 pwa，则需要添加一些例外：

"unsafely-treat-insecure-origin-as-secure" flag is not working on Chrome

【讨论】：

我使用的是本地服务器，我在谷歌培训文档上做了一个逐步的过程。根据文档，这不是我测试的预期结果。
除此之外，审核已经进行，因为我看到了详细说明。唯一的问题是分数字段。
@Addis 请分享问题中没有的信息
@Addis 我同意，可能完全是 Lighthouse 中的一个错误。我会在 github 上打开一个问题：github.com/GoogleChrome/lighthouse/issues
@Addis 当有对已创建问题的响应时，您将收到 github 的通知 :-) 祝您解决这个问题好运！

【解决方案2】：

据此 lighthouse github issue 的 exterkamp 说：“PWA 部分已重构，因此不再显示审计分数。这现在是灯塔 PWA 部分审计的新常态。PWA 审计显示灰色破折号，如下图不是错误，而是功能。”

我还参加了 Google CodeLabs，我注意到一旦我完成了将网络应用程序图标添加到主屏幕的步骤，灰色的破折号就消失了，取而代之的是 PWA Icon Image

来自 github 问题的 exterkamp 说：PWA 部分仍然有一个数字分数，如果您运行 CLI 工具并生成 JSON 报告，或者下载 devtools 报告并查看 JSON，则可以看到。

【讨论】：