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

Question

我最近在网上添加了DELETE USER_DEVICE WHERE FK_DEVICE = 'd' AND FK_PARENT = 'c' Chrome。 它工作得很好，当用户满足指定条件时，会显示安装我的应用程序的横幅。

但我想要这个功能：Native app install banner。 基本上对于那些不想安装应用程序的用户，但他们可能有兴趣将我的网页添加到主屏幕。

将这两种功能结合起来是可行的吗？

Answer 1

是的，你可以。

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

该活动有一个.prompt() function，您可以调用它以在需要时显示提示。

window.addEventListener("beforeinstallprompt", ev => { 
  // Stop Chrome from asking _now_
  ev.preventDefault();

  // Create your custom "add to home screen" button here if needed.
  // Keep in mind that this event may be called multiple times, 
  // so avoid creating multiple buttons!
  myCustomButton.onclick = () => ev.prompt();
});

Answer 2

我认为今天无效。对Chrome浏览器的跟踪器来说似乎是一个很好的功能请求crbug.com我不清楚你如何控制你得到的哪一个提示，但可能值得在crbug上讨论。