javascript - 检查 Progressive Web App 是否已安装

Question

我的网页上有一个弹出窗口，提示用户安装我们的 PWA。但是，一旦安装了它，我就不想再问他们了。

如何检查 PWA 是否已安装？

Answer 1

下面的代码解决了这个问题。首先我有我的按钮 id="downloadli"默认情况下它是隐藏的或style="display:none"
由于您必须向 beforeinstallprompt 添加一个监听器要触发安装，如果您背负该操作以显示下载按钮，则它仅在可以安装时才起作用。

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.
deferredPrompt = e;

$('#downloadli').css('display', 'block');
});

这样，如果应用程序已经安装 beforeinstallprompt未添加到页面中，并且此 block 的内部未运行。