大家好!
今天,我在线部署了一个应用程序来测试它,但不太明白为什么它不起作用。
我做了什么:
我使用bootstrap
创建了一个sample react app
,并使用firebase
来部署它。这是链接。
期待什么?
我希望该应用程序能够像 angular.io 一样下载到手机上。
现实:
没什么特别的。它实际上是在服务工作者中注册的,加载和下载速度非常快,但仅此而已。
现在的问题 :
我今天已经做了两次,但不能像我所拥有的服务人员的形象那样使用它。
我该怎么办?
您需要在manifest.json
中定义一个 144px 的方形 PNG 图标才能启用 Web 应用安装横幅。
您可以在台式计算机上验证是否可以将您的应用从 Chrome 添加到主屏幕。
为此,请在您网站上打开 Chrome 开发者工具,打开"应用程序"标签,单击左侧导航栏中的"清单",然后单击"添加到主屏幕"。
如果在添加到主屏幕上时出现问题,控制台中会出现错误,在您提到的网站上尝试时,我收到错误"无法安装站点:需要 144px 方形 PNG 图标,但没有提供的图标满足此要求"。
您可以在此处阅读有关 Web 应用安装横幅要求的更多信息,https://developers.google.com/web/fundamentals/app-install-banners/。