Web applications 在上未检测到任何清单

我找到了几个模板，介绍了如何触发Firefox和Chrome添加到主屏幕弹出窗口

这一切看起来都相当简单，一个空的service-worker.js文件、一个清单文件和类似以下内容的javascript：

<link rel="manifest" href="manifest.json">
<script>
if ('serviceWorker' in navigator) {

console.log("Will the service worker register?");

navigator.serviceWorker.register('service-worker.js')
  .then(function(reg){

    console.log("Yes, it did.");


 }).catch(function(err) {

    console.log("No it didn't. This happened:", err)

});
}
</script>

但是，在不同的时间间隔重新访问页面后，不会出现“添加到主屏幕”弹出窗口

我注意到的一点是，在验证清单时，在上传文件时，验证是成功的。然而，当粘贴我们的服务器上的链接位置失败时，在

这有关系吗？确保文件存在，并且输入的以https:开头的路径正确

或者，设置还有什么问题

谢谢， Peter

有添加到主屏幕弹出窗口显示

此外,

Chrome然后使用[…]访问频率试探法来确定何时显示横幅

因此，在您的案例中，很可能有一些要求没有得到满足，或者您必须在一段时间后访问您的webapp

要测试您的webapp是否满足这些要求，您可以打开Chrome开发工具的“审核”选项卡：

并执行渐进式Web应用程序审核

完成后，您将能够看到是否可以提示用户安装Web应用程序：

如果出于测试目的需要，还可以手动触发install banner。在应用程序选项卡的清单部分，您将看到添加到主屏幕按钮：

---

希望有帮助

确认在同时打开多个选项卡时未检测到任何清单

关闭所有应用程序选项卡并重新加载是再次检测清单的唯一方法

值得一提的是，这两个选项卡是dev和prod

我想另一个解决方案可能是清除prod中的缓存

---

总之，关闭任何重复的选项卡是一个很好的经验法则，以确保清单重新初始化

在我的例子中，需要关闭和重新打开DevTools

---

此外，为了避免任何冲突，请关闭所有重复的选项卡。请参阅。

非常感谢，Chrome DevTools>Audit选项卡帮助调试了此注意事项，链接需要位于头部，如下所示：