Chrome 本机应用安装横幅并添加到主屏幕

Question

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

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

可以同时使用这两个功能吗？

Answer 1

我认为这在今天行不通。 Chrome 的跟踪器似乎是一个很好的功能请求 crbug.com 我不清楚你将如何控制你得到的提示，但可能值得在 crbug 上讨论。

Answer 2

是的，你可以。

有 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();
});