ブラウザタグ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(); // 
    }
  });