Rails PWA 中的“添加到主屏幕”横幅答案

【问题标题】："Add to Homescreen" Banner in Rails PWARails PWA 中的“添加到主屏幕”横幅
【发布时间】：2017-07-06 22:35:07
【问题描述】：

我在 RoR 中制作了一个小型 PWA；接下来，我关注了Google's guide 的“添加到主屏幕”横幅。 devtools 中的一切都很好：注册服务工作者，找到 manifest.json，显示“添加到主屏幕”链接并在工具抽屉中运行。

我什至按照他们说的安装了 Lighthouse 并运行了报告；它说一切都应该工作。但是，我还没有看到横幅（是的，它还没有出现在我的主屏幕上；是的，我至少相隔五分钟访问过）。

有没有人知道 WRT 用户活动使横幅出现的阈值是多少？

（ps.有人想试试here吗？）

【问题讨论】：

【解决方案1】：

实际上有一个 google chrome 标志可以绕过这些参与度检查，它被称为“绕过用户参与度检查”。

因此，您需要转到 chrome://flags，然后找到该标志，启用它，然后重新启动 chrome。

每次启用该标志后，横幅都应显示，假设一切都符合您的 manifest.json 和 service worker。

【讨论】：

【解决方案2】：

我看到您在页面上引用了两个清单：

第 20 行：

<link rel="manifest" href="/manifest.json" />

第 27 行：

<link rel="manifest" href="/assets/favicon/manifest-71676a3789f8b2a25498b2271ddc3288b14553d94e25c37030e6d69d46d72b81.json" />

当我第一次加载页面时，我在 chrome 开发工具中看到了 mainfest 定义，但是当我重新加载页面时，清单消失了。

【讨论】：

【解决方案3】：

感谢您的回复；我等了一天，彻底清除了我的缓存，拿到了横幅。我仍然不知道你必须访问多少次的门槛，但至少它是有效的。

【讨论】：