• 系统休眠或浏览器不是当前活动状态,不执行js的解决思路


    手机端原生开发,当前页面从系统中被唤起会有相应的事件触发。但webapp确无法获取。

    基于浏览器自身规则,在系统休眠或着浏览器不处于当前活动状态是,js是不执行的。

    那么如果想让页面能及时更新,解决思路有2个:

    一:用一个定时程序,计算当前执行的时间,和上一次执行的时间差,如果大于5m,就看作当前页面背重新激活了。

    var oldtime = new Date().getTime();
    function checkPageActive () {
        var newtime = new Date().getTime();
      if ((newtime - oldtime) > 5000){
        // todo something
    }
      oldtime = newtime;
    }
    setInterval(checkPageActive, 1000)

    二:利用document的visibilitychange事件,此事件也可用于减少服务器开销的场景,比如当前页面如果不是可见状态,可以暂停页面中有消耗的功能,等页面可见时在继续。

    var hidden, visibilityChange; 
    if (typeof document.hidden !== "undefined") {
      hidden = "hidden";
      visibilityChange = "visibilitychange";
    } else if (typeof document.msHidden !== "undefined") {
      hidden = "msHidden";
      visibilityChange = "msvisibilitychange";
    } else if (typeof document.webkitHidden !== "undefined") {
      hidden = "webkitHidden";
      visibilityChange = "webkitvisibilitychange";
    }
    function handleVisibilityChange() {
      if (document[hidden]) {
        // todo something
      } else {
        // todo something
      }
    }
    if (typeof document.addEventListener === "undefined" || typeof document[hidden] === "undefined") {
      console.log("不支持");
    } else {
      document.addEventListener(visibilityChange, handleVisibilityChange, false);
    }
  • 相关阅读:
    【CF720D】Slalom 扫描线+线段树
    【CF724F】Uniformly Branched Trees 动态规划
    【CF725G】Messages on a Tree 树链剖分+线段树
    【CF736D】Permutations 线性代数+高斯消元
    【CF799E】Aquarium decoration 线段树
    【CF739E】Gosha is hunting 贪心
    【CF744D】Hongcow Draws a Circle 二分+几何
    【BZOJ3774】最优选择 最小割
    【BZOJ2138】stone Hall定理+线段树
    【BZOJ4445】[Scoi2015]小凸想跑步 半平面交
  • 原文地址:https://www.cnblogs.com/liyongquan/p/7827484.html
Copyright © 2020-2023  润新知