如何实现浏览器tab切换时，页面自动刷新

2022年6月22日 150次阅读 来源: weixin_42912702

《如何实现浏览器tab切换时，页面自动刷新》

***点击Home tab，Home页面自动刷新***

《如何实现浏览器tab切换时，页面自动刷新》***如图***

## 实现：

// - Home页面 通过监听 
   [visibilitychange](https://developer.mozilla.org/zh-CN/docs/Web/API/Document/visibilitychange_event)
   ，通过 document.hidden的值来完成刷新动作
   ***话不多说，直接上代码***

[document.hidden](https://developer.mozilla.org/zh-CN/docs/Web/API/Page_Visibility_API#%E5%B1%9E%E6%80%A7) 只读
如果页面出现被认为是对用户隐藏状态时返回真，否则返回假。



if (document.hidden !== undefined) { 
        document.addEventListener('visibilitychange', () => { 
          if(document.hidden===false) { 
            setTimeout(() => { 
              window.location.reload()
            }, 1000);
          }
        })
      }
    原文作者：weixin_42912702
    原文地址: https://blog.csdn.net/weixin_42912702/article/details/121361026
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞