如何检查用户是使用PWA还是浏览器

贾斯汀·查克

当用户处于pwa状态时,我需要隐藏一个元素。我尝试过

manifest.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中。怎么做?

甘油

document.getElementsByClassName("pwa")返回HTMLCollection您应该迭代pwa元素:

Array.from(
    document.getElementsByClassName("pwa")
).forEach((e)=>e.style.display='none')

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何检查用户的浏览器是否可以使用JavaScript查看DJVU文件

来自分类Dev

如何检查哪个浏览器是主要浏览器?

来自分类常见问题

如何使用Safari浏览器检查元素

来自分类Dev

如何检查YII应用程序是从控制台还是从浏览器运行?

来自分类Dev

如何判断用户是否使用Brave作为浏览器?

来自分类Dev

php - 如何从浏览器检测用户是空闲还是不活动

来自分类Dev

如何检查浏览器是否打开

来自分类Dev

如何检查浏览器对AngularJS的支持?

来自分类Dev

如何检查浏览器对AngularJS的支持?

来自分类Dev

使用javascript检测用户浏览器

来自分类Dev

如何检查用户在浏览器上输入地址URL并单击书签?

来自分类Dev

如何检查谷歌浏览器中的用户是否已允许通知?

来自分类Dev

如何检查并通知用户在浏览器中启用了 javascript

来自分类Dev

角度2:检查用户的浏览器是否兼容

来自分类Dev

Web浏览器如何知道目标是http还是https?

来自分类Dev

如何使用JavaScript检查客户端浏览器的性能?

来自分类Dev

如何连接到现有的Jupyter Notebook内核并使用变量浏览器检查变量?

来自分类常见问题

如何使用Angular检测浏览器?

来自分类Dev

如何使用非默认浏览器?

来自分类Dev

如何使用JavaScript检测浏览器?

来自分类Dev

如何使用非默认浏览器?

来自分类Dev

当用户使用C#注销asp.net时如何清除浏览器缓存?

来自分类Dev

如何使用Python请求伪造浏览器又访问并生成用户代理?

来自分类Dev

如何使用户浏览器直接从GMAIL下载gmail附件?

来自分类Dev

如果用户使用的是Twitter Bootstrap不支持的浏览器,如何显示div

来自分类Dev

如何使用JavaScript将用户输入打印到浏览器中?

来自分类Dev

即使浏览器关闭后,如何记住使用jwt的用户?

来自分类Dev

当 sudo 进入 root 或其他用户时如何使用显示(例如浏览器)

来自分类Dev

如何使用单独的(用户 + 配置文件)运行两个 chrome 浏览器实例

Related 相关文章

  1. 1

    如何检查用户的浏览器是否可以使用JavaScript查看DJVU文件

  2. 2

    如何检查哪个浏览器是主要浏览器?

  3. 3

    如何使用Safari浏览器检查元素

  4. 4

    如何检查YII应用程序是从控制台还是从浏览器运行?

  5. 5

    如何判断用户是否使用Brave作为浏览器?

  6. 6

    php - 如何从浏览器检测用户是空闲还是不活动

  7. 7

    如何检查浏览器是否打开

  8. 8

    如何检查浏览器对AngularJS的支持?

  9. 9

    如何检查浏览器对AngularJS的支持?

  10. 10

    使用javascript检测用户浏览器

  11. 11

    如何检查用户在浏览器上输入地址URL并单击书签?

  12. 12

    如何检查谷歌浏览器中的用户是否已允许通知?

  13. 13

    如何检查并通知用户在浏览器中启用了 javascript

  14. 14

    角度2:检查用户的浏览器是否兼容

  15. 15

    Web浏览器如何知道目标是http还是https?

  16. 16

    如何使用JavaScript检查客户端浏览器的性能?

  17. 17

    如何连接到现有的Jupyter Notebook内核并使用变量浏览器检查变量?

  18. 18

    如何使用Angular检测浏览器?

  19. 19

    如何使用非默认浏览器?

  20. 20

    如何使用JavaScript检测浏览器?

  21. 21

    如何使用非默认浏览器?

  22. 22

    当用户使用C#注销asp.net时如何清除浏览器缓存?

  23. 23

    如何使用Python请求伪造浏览器又访问并生成用户代理?

  24. 24

    如何使用户浏览器直接从GMAIL下载gmail附件?

  25. 25

    如果用户使用的是Twitter Bootstrap不支持的浏览器,如何显示div

  26. 26

    如何使用JavaScript将用户输入打印到浏览器中?

  27. 27

    即使浏览器关闭后,如何记住使用jwt的用户?

  28. 28

    当 sudo 进入 root 或其他用户时如何使用显示(例如浏览器)

  29. 29

    如何使用单独的(用户 + 配置文件)运行两个 chrome 浏览器实例

热门标签

归档