码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-08-22 23:08:48      阅读:404      评论:0      收藏:0      [点我收藏+]

标签:控制   ==   变化   cti   console   ons   document   兼容性   解决   

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

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

实现代码:

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

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

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

标签:控制   ==   变化   cti   console   ons   document   兼容性   解决   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!