无法获取 PWA 的 "Install" 选项

Unable to get the "Install" option for the PWA

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

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

我已按照 pwa-install 包的相关说明进行操作,但仍然无法正常工作。

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

如有任何帮助,我们将不胜感激。提前致谢。

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

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

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

  • 清单文件有错误:显示值不是以下之一: 最小-ui |全屏 |独立
  • start_url 离线时不响应 200。 start_url 做到了 响应,但不是通过 service worker
  • 没有为自定义初始屏幕配置。失败:清单确实 没有 background_color

Lighthouse 已经提供了一些提示(通过了解更多 link)来解决这些问题。解决这些问题,您的 PWA 就可以安装了。

下面是 PWA Lighthouse 报告的最佳结果示例(使用我的 PWA 网站):