javascript - 更改标准 pwa 安装通知

Question

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

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

标签： javascriptcsswebprogressive-web-apps

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/