如何检查用户是否安装了 PWA？

使用 PWA（Progressive Web Apps）可以使您的网站具有应用程序的属性，例如脱机访问，推送通知和主屏幕图标。当用户第一次访问您的网站时，浏览器会提示他们安装 PWA。但是，如何在以后检查用户是否已经安装了 PWA？

这需要使用 window.matchMedia() 方法来检查媒体查询。如果用户已经安装了 PWA，则该方法返回 true。

以下是一个简单的示例，演示如何检查用户是否已安装 PWA：

if (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true) {
  console.log('PWA installed.');
} else {
  console.log('PWA not installed.');
}

我们首先使用 window.matchMedia() 方法来检查 PWA 的显示模式是否为独立模式，如果是，则返回 true。如果不是，则检查 navigator.standalone 属性是否设置为 true。如果是，则返回 true，否则返回 false。

请注意，此方法可能会在某些旧版本的浏览器中失效。

这是返回的 Markdown 格式的代码片段：

## 如何检查用户是否安装了 PWA？

使用[`window.matchMedia()`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)方法可以帮助您检查用户是否已安装 PWA。您需要检查 PWA 的显示模式是否为独立模式，或者检查 `navigator.standalone` 属性是否设置为 true。以下是一个简单的 JavaScript 示例：

```javascript
if (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true) {
  console.log('PWA installed.');
} else {
  console.log('PWA not installed.');
}

请注意，此方法可能会在某些旧版本的浏览器中失效。