PWA调试Chrome浏览器的“添加到主屏幕”按钮没有执行任何操作

Question

我正在尝试将“添加到主屏幕”提示功能添加到我的网站。现在，我已经阅读了Google开发人员的文章，并已完成所有设置。

现在，如果我尝试通过Chrome devtools>应用程序>清单中的“添加到首页”按钮手动将页面添加到主屏幕，则没有任何反应。几次控制台显示错误，但修复后什么也没有发生。我没有得到Add to shelf横幅，但是在控制台中没有显示错误。 Lighthouse也没有显示任何错误。实际上，灯塔的pwa得分为92。

这是否意味着一切正常？我监督过其他调试功能吗？

编辑：如果我按按钮而不是重新加载页面，则在按reload并且页面已正确加载后，控制台将显示：

  

无法安装站点：页面已要求取消横幅提示

Answer 1

我遇到了同样的问题：Chrome开发工具添加到主屏幕无法在任何PWA上使用。经过数天的努力来找出问题的根源，我终于发现Chrome主菜单有一个用于安装应用程序的选项，并且该选项运行良好。因此，您无需使用Chrome开发工具选项。

Answer 2

如果要在本地主机上进行测试，请尝试使用read up on it而不是127.0.0.1。

我不知道为什么，但是在使用127.0.0.1时遇到相同的问题。 更改为localhost后，它可以正常工作。