浏览器标签tab窗口切换时事件状态侦听

 

做到 是大屏项目，用的websocket，在浏览器切换标签窗口后，过了一段时间回来，页面会非常卡，所以想页面切回来的时候刷新页面，找到了这个方法，这是原来的例子。这段代码可以自己复制去做下测试

var normal_title;
document.addEventListener('visibilitychange',function(){ //浏览器切换事件
    if(document.visibilityState=='hidden') { //状态判断
        normal_title=document.title;
        document.title='隐藏的标题'; 
    }else {
        document.title=normal_title;
    }
});

 

下面是我项目中的

document.addEventListener('visibilitychange',function(){
    if(document.visibilityState=='hidden') {     
      if(ws){
        ws.close(); //关闭websocket
      }
    }else {
  
      location.reload(); //刷新页面
    }
  });