无法获取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”。这将概述您所缺少的细节。

您提到您已经有一名服务人员。现在，您可以处理清单文件，并将流量重定向到https（而不是http），这是应用程序可安装的最低要求。

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

• 清单文件有错误：显示值不是以下之一： 最小用户界面|全屏|独立
• start_url脱机时不响应200。 start_url确实 回应，但不通过服务人员
• 未配置为自定义启动屏幕。失败：清单确实 没有background_color

灯塔已经提供了一些技巧（通过“了解更多”链接）来解决这些问题。解决这些问题后，您的PWA就可以安装了。

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