翼度科技»论坛 编程开发 JavaScript 查看内容

web游览器的标签页仿 ios mac 苹果的墓碑机制 (js代码)

8

主题

8

帖子

24

积分

新手上路

Rank: 1

积分
24
背景:
本来项目开发系统防挂机功能,在其余游览器中均可以使用。但是呢在苹果的safair游览器中会出现几率失效,最后经过排查发现是苹果的墓碑机制导致。即:此标签页活跃,其他标签页假死。然后就导致防挂机失效了。
原理:
假如当前游览器中有3个标签页分别是A,B,C,每个标签页都有倒计时。正常情况下,每个标签页都会倒计时。但是苹果游览器只会有一个标签页A正常倒计时,其余的B,C 倒计时不生效。
所以就需要仿墓碑机制进行开发。原理如下:
A标签页打开时,B和C标签页不活跃;
当打开其他标签页,ABC处于后台时候,最近操作的一个标签页处于活跃;
核心逻辑代码:
[code]    //分钟数         var min;        var timeLeft;         var timer=null;         var IsnewRequest = false;        var StayTimer = null;        function resetTimer() {            backInit();        }        function uuid(len, radix) {            var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');            var uuid = [], i;            radix = radix || chars.length;            if (len) {                // Compact form                for (i = 0; i < len; i++) uuid = chars[0 | Math.random()*radix];            } else {                // rfc4122, version 4 form                var r;                // rfc4122 requires these characters                uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';                uuid[14] = '4';                // Fill in random data.  At i==19 set the high bits of clock sequence as                // per rfc4122, sec. 4.1.5                for (i = 0; i < 36; i++) {                if (!uuid) {                    r = 0 | Math.random()*16;                    uuid = chars[(i == 19) ? (r & 0x3) | 0x8 : r];                }                }            }            return uuid.join('');        }        function GetBigTime() {            //判断:如果有其他页面打开,则赋值最大倒计时值,如果< 10 退出            //1,获取所有的time            //2,取最大的时间            //3,如果最大的时间{                var nowTime = window.localStorage.getItem(window.CountDown);                if(nowTime==null||nowTime=="")                {                    clearInterval(StayTimer);                    return;                }                //获取存储倒计时                timeLeft = Number(nowTime);                            var localStorageKeys = Object.keys(localStorage)                var labelList =  localStorageKeys.filter(x=> x.indexOf("CountDown")!=-1 );                      var activeCount = 0;                for(var i= 0; i x.indexOf("CountDown")!=-1 );                      var activeCount = 0;                for(var i= 0; i

举报 回复 使用道具