应用安装横幅未显示

我的网站没有显示应用安装横幅。我通过记录用户需要经历的过程来部分解决这个问题:

但这对于我的受众来说并不直观且充满挑战。

我能排查什么问题以确保应用安装横幅出现在页面顶部吗?

我想澄清一下,我希望提示他们安装 PWA。

这似乎是管理员设置:

实际上是让他们从应用商店安装,这不是我想要的。

此外,看起来这个设置只为信任级别 1 提供……这似乎是不可配置的?

总之,我能否获得类似的横幅来提示安装 PWA?或者我需要为此创建一个主题组件?

你能分享一下你的网站链接,以便我进行故障排除吗?

这就是为什么它们默认是禁用的。当你切换这些设置时,你移除了 PWA 安装横幅。

1 个赞

该站点位于 delta.countyfence.org

我取消勾选了这两个框只是为了测试。在移动版 Firefox 中加载。到目前为止我没有看到横幅……您是说当这两个框未被选中时应该显示 PWA 横幅吗?

我第一次在浏览器打开这个URL时看到那个横幅。我本想截图,但反应不够快。

但是,无论我用什么浏览器,或者清除缓存,都再也看不到它了。

Firefox 不支持 PWA 安装横幅。

现在在“浏览器”中是我手机自带的通用Chromium。横幅不会在这里显示。

由于我的手机已去谷歌化,使用LineageOS,Chrome无法安装……所以我无法在那上面测试。

据我所知,PWA 安装横幅仅在 Google Chrome 上受支持,并使用 Play 商店在安装过程中即时构建 PWA 的 .APK。

这取决于您在没有 Google 服务的手机上无法拥有的几项功能。

1 个赞

此 Stack Overflow 提供了更多信息

  1. 看起来 PWA 应该在 Chrome 以外的浏览器中得到支持。我知道我从 Brave 安装了 PWA,所以我的浏览器肯定支持它。
  2. beforeinstallprompt 只会触发一次——如果用户忽略它,它就消失了。显然是为了避免打扰用户?
  3. 似乎没有手动激活“安装为应用”API 的方法。

Discourse 代码是专门检查 Chrome 还是在任何浏览器中响应 beforeinstallprompt?(看起来与浏览器无关,请参见下面的代码链接)

这看起来像是 Chrome 中该功能的原始公告。似乎意图是允许开发人员保留事件对象,并以微妙的方式将其显示给用户。如果用户忽略它,它应该在下次再次弹出。只有当用户发起提示然后取消时,它才应该禁用该事件一段时间(例如 3 个月)。

然而,负责此事的 Discourse 代码 增加了一个额外的检查,以查看 Discourse 横幅是否曾被忽略。我理解正确吗?这似乎是一个错失的机会,我们可以再次展示横幅,但我们选择不这样做。如果我们将其留给管理员决定他们是否想在这种情况下进行提示呢?

1 个赞