PWA 调试 chrome “添加到主屏幕”按钮没有做任何事情

Question

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

现在，如果我尝试使用 Chrome devtools > Application > Manifest 中的“添加到主屏幕”按钮手动将我的页面添加到主屏幕，则没有任何反应。几次控制台显示错误，但修复后没有任何反应。我没有看到Add to shelf 横幅，但我没有在控制台中看到错误。 Lighthouse 也没有显示任何错误。事实上，灯塔在 pwa 中的得分为 92。

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

编辑：如果我按下按钮然后重新加载页面，在我按下重新加载并且页面实际加载后，控制台显示：

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

Answer 1

我遇到了同样的问题：添加到主屏幕的 Chrome 开发工具在任何 PWA 上都不起作用。经过几天努力试图找出问题所在，我终于发现 Chrome 主菜单有一个安装应用程序的选项，并且该选项运行良好。所以你不需要使用 Chrome Dev Tools 选项。

Answer 2

如果您在 localhost 中进行测试，请尝试使用 http://localhost 而不是 127.0.0.1。

我不知道为什么，但我在使用 127.0.0.1 时遇到了同样的问题。 改成localhost后就可以正常使用了。