web游览器的标签页仿 ios mac 苹果的墓碑机制 (js代码)
背景：本来项目开发系统防挂机功能，在其余游览器中均可以使用。但是呢在苹果的safair游览器中会出现几率失效，最后经过排查发现是苹果的墓碑机制导致。即：此标签页活跃，其他标签页假死。然后就导致防挂机失效了。
原理：
假如当前游览器中有3个标签页分别是A,B,C，每个标签页都有倒计时。正常情况下，每个标签页都会倒计时。但是苹果游览器只会有一个标签页A正常倒计时，其余的B，C 倒计时不生效。
所以就需要仿墓碑机制进行开发。原理如下：
A标签页打开时，B和C标签页不活跃；
当打开其他标签页，ABC处于后台时候，最近操作的一个标签页处于活跃；
核心逻辑代码：
//分钟数 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; } else { // rfc4122, version 4 form var r; // rfc4122 requires these characters uuid = uuid = uuid = uuid = '-'; uuid = '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
页:
[1]