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

Question

我最近添加到我的网的原生应用安装横幅的Chrome.它运行良好,当用户满足指定条件时,会显示安装我的应用程序的横幅.

但我希望有这个功能:添加到主屏幕.基本上对于那些不想安装应用程序的用户,但他们可能有兴趣添加到主屏幕我的网站.

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

Answer 1

是的你可以。

有一个beforeinstallpromptevent，您可以根据需要拦截和延迟该事件（例如，直到用户按下您的按钮）。

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

window.addEventListener("安装提示之前", ev => {
  // 阻止 Chrome _now_ 询问
  ev.preventDefault();

  // 如果需要，请在此处创建自定义“添加到主屏幕”按钮。
  // 请记住，该事件可能会被多次调用，
  // 所以避免创建多个按钮！
  myCustomButton.onclick = () => ev.prompt();
});