0

需要一些帮助来尝试捕获 beforeinstallpromot 事件。想法是网站用户将收到一个自定义横幅提示,询问他们是否要下载该应用程序。但是,单击横幅上的按钮会记录“无法读取 null 属性”的控制台错误。但是,当我运行 google lighthouse PWA 时,它会全部刷新并正常工作。记录该事件并且安装按钮有效。

我正在 Vue.js 中创建这个 PWA 应用程序

看了很多东西,但无济于事。

PWA 的 manifest 和 service worker 都正确注册。

是否与服务人员注册的顺序和试图捕获的事件有关?

created() {
if (Cookies.get('cleared')) {
  this.cleared = true;
}

window.addEventListener('beforeinstallprompt', (e) => {
  // Prevent Chrome 67 and earlier from automatically showing the prompt
  e.preventDefault();
  // Stash the event so it can be triggered later.
  this.event = e;

  console.log(this.event);
});
4

0 回答 0