更改标准 pwa 安装通知

Question

是否可以更改 pwa 的“添加到主屏幕”通知的样式？

或者您可以将其关闭并使用您的通知组件吗？ 我使用标准的 pwa 设置。

Answer 1

您可以捕获beforeinstallprompt 事件并使用它来显示自定义安装提示。

let deferredPrompt;

window.addEventListener('beforeinstallprompt', (e) => {
  // Prevent the mini-infobar from appearing on mobile
  e.preventDefault();
  // Stash the event so it can be triggered later.
  deferredPrompt = e;
  // Update UI notify the user they can install the PWA
  showInstallPromotion();
});

• https://web.dev/customize-install/