zoukankan      html  css  js  c++  java
  • 系统休眠或浏览器不是当前活动状态,不执行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);
    }
  • 相关阅读:
    Map集合
    Collection的另外一个子类LinkedList&Set集合
    多项式牛顿迭代 学习笔记
    《混凝土数学》第二章 和式 学习笔记
    洛谷P5039 最小生成树 题解
    gdfzoj#236 | 提高组练习题16 Set
    CF979E 题解
    CF1039D 题解
    CF886E 题解
    CF1061C 题解
  • 原文地址:https://www.cnblogs.com/liyongquan/p/7827484.html
Copyright © 2011-2022 走看看