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

Posted 2020-10-03

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

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

实现代码：

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

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