Chrome 原生应用安装横幅并添加到主屏幕

Question

我最近在我的网站上添加了 Native app install banner 或 Chrome。 它运行良好，当用户满足指定条件时，会显示安装我的应用的横幅。

但我也想拥有这个功能：Add to Home Screen。 基本上对于那些不想安装应用程序但他们可能有兴趣添加到主屏幕我的网站的用户。

这两个功能可以一起工作吗？

Answer 1

是的，你可以。

有beforeinstallprompt event，您可以随意拦截和延迟（例如，直到用户按下您的按钮）。

该事件有一个.prompt() function，您可以调用它以使提示在需要时出现。

window.addEventListener("安装前提示", ev => { // 阻止 Chrome 询问_now_ ev.preventDefault(); // 如果需要，在此处创建您的自定义“添加到主屏幕”按钮。 // 请记住，此事件可能会被多次调用， // 所以避免创建多个按钮！ myCustomButton.onclick = () => ev.prompt(); });

Answer 2

我认为这在今天行不通。对于 Chrome 的跟踪器 crbug.com 来说似乎是一个很好的功能请求