javascript - 如何检查用户是否在 pwa 或浏览器中

Question

当用户在 pwa 中时，我需要隐藏一个元素。我试过了，

清单.json

"start_url": "/?mode=standalone"

js

const url = new URL(window.location.href);
  if(url.searchParams.get('mode')==='standalone') {
    document.getElementsByClassName("pwa").style.display="none";
  }

html

<p class="pwa">Some text</p>

我在控制台中没有错误。而且我无法隐藏 pwa 中的元素。怎么做？

标签： javascriptprogressive-web-apps

Answer 1

您可以使用以下方法签入 JavaScript：

if (window.matchMedia('(display-mode: standalone)').matches) {
  console.log("This is running as standalone.");
}