瀏覽器標簽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(); //刷新頁面
    }
  });