关于浏览器切换标签或者移动端切换应用时,js不执行的解决方案

问题:最近在做一个后台控制的转盘游戏,如果手机切出当前app应用,那么js将会中止执行,再次切入app时,将会出现不同步的状态

解决方案:HTML5为document对象新增了visibilityState属性,可以判定当前应用是否处于正在观看状态。

实现代码:

document.addEventListener('webkitvisibilitychange',function(){//监听页面是否发生观看状态的改变
  console.log('进入变化函数1');
  if(document.visibilityState=='visible'){
  console.log('进入页面刷新页面');
  location.reload();
  }
})

提示:对于低版本浏览器要进行兼容性处理。

原文地址:https://www.cnblogs.com/handsome-wj/p/7413748.html