大家好！

今天我在线部署了一个应用程序来测试它，但不太明白为什么它不起作用。

我做了什么：

我使用 bootstrap 创建了一个 示例 React 应用程序 ，并使用 firebase 来部署它。这是链接。

我希望该应用程序能够像 angular.io 一样在手机上下载。

没什么特别的。它实际上已在 Service Worker 中注册，并且加载和下载速度非常快，但仅此而已。

我今天已经做了两次，但无法像我拥有的 Service Worker 图像那样使用它。

我该怎么办？

1个回答

您需要在 manifest.json 中定义一个 144px 方形 PNG 图标，以启用网络应用安装横幅。

您可以在台式电脑上的 Chrome 中验证是否可以将您的应用添加到主屏幕。

为此，请在您的网站上打开 Chrome 开发者工具，打开“应用程序”标签，点击左侧导航中的“清单”，然后点击“添加到主屏幕”。

如果添加到主屏幕时出现问题，控制台中会出现错误，当您在您提到的网站上尝试时，我收到错误“无法安装网站：需要 144px 方形 PNG 图标，但没有提供的图标符合此要求”。

您可以在此处阅读有关网络应用安装横幅的要求的更多信息 https://developers.google.com/web/fundamentals/app-install-banners/ 。

chrisdwheatley

2018-05-04