web游览器的标签页仿 ios mac 苹果的墓碑机制 (js代码)
|
背景:
本来项目开发系统防挂机功能,在其余游览器中均可以使用。但是呢在苹果的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 |
|
|
|
发表于 2023-5-11 20:23:41
举报
回复
分享
|
|
|
|