无法获取 PWA 的“安装”选项

Question

我正在尝试将我的网站设为 PWA，并将 ServiceWorker 集成到其中。 ServiceWorker 已正确注册，因为我能够看到“离线”功能。

问题是我无法获得用于安装 PWA 的“安装”按钮。

我已经按照 pwa-install 包的相关说明进行了操作，但还是不行。

我还为此打开了一个 Github 问题，其中包含更多详细信息和屏幕截图：
https://github.com/pwa-builder/pwa-install/issues/355

我们将不胜感激。提前致谢。

Answer 1

我建议你在 Chrome 开发者工具中使用 Lighthouse 工具。 Simpy 导航到 Lighthouse 选项卡，然后选中“Progressive Web App”。这将概述您所缺少的详细信息。

您提到您已经有一个 Service Worker。现在处理您的 Manifest 文件并将流量重定向到 https（而不是 http）作为您的应用可安装的最低要求。

在您的网站中：https://www.kcak11.com/，截至撰写本文时 - 2020 年 7 月 14 日晚上 9:33（太平洋标准时间），PWA 配置错误如下：

• Manifest 文件有错误：显示值不是以下之一： 最小用户界面 |全屏 |独立
• start_url 在离线时没有响应 200。 start_url 做了 响应，但不是通过服务人员
• 未针对自定义初始屏幕进行配置。失败：清单确实 没有background_color

Lighthouse 已经提供了一些提示（通过了解更多链接）来解决这些问题。解决这些问题，您的 PWA 就可以安装了。

以下是 PWA Lighthouse 报告的最佳结果示例（使用我的 PWA 网站）：