浏览器标签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(); //刷新页面 } });

 

转载于:https://www.cnblogs.com/eisir/p/6479690.html