hidden ，visibilityChange兼容

紫麦熊

于 2021-09-22 16:20:56 发布

阅读量702

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.csdn.net/m0_37378152/article/details/120417319

本文介绍了一种实现浏览器可见性API的方法，并确保其在不同浏览器环境中的兼容性。通过检测不同浏览器对隐藏状态的支持情况，如Opera、Firefox、Internet Explorer及Webkit内核的浏览器，文章提供了一个简洁的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 不同环境兼容
      let hidden = ''
      let visibilityChange = ''
      if (typeof document.hidden !== 'undefined') { // Opera 12.10 and Firefox 18 and later support
        hidden = 'hidden'
        visibilityChange = 'visibilitychange'
      } else if (typeof document.msHidden !== 'undefined') {
        hidden = 'msHidden'
        visibilityChange = 'msvisibilitychange'
      } else if (typeof document.webkitHidden !== 'undefined') {
        hidden = 'webkitHidden'
        visibilityChange = 'webkitvisibilitychange'
      }