首页 > 其他 > 详细

浏览器console自动刷新--转

时间:2020-11-01 00:10:19      阅读:57      评论:0      收藏:0      [点我收藏+]

值班需要监控页面情况,手头也没有专用的监控设备,只能手动刷新。遂度之,解放双手。

 

代码如下:

 1 timeout=prompt("Set timeout (Second):");
 2 count=0
 3 current=location.href;
 4 if(timeout>0)
 5 setTimeout(‘reload()‘,1000*timeout);
 6 else
 7 location.replace(current);
 8 function reload(){
 9 setTimeout(‘reload()‘,1000*timeout);
10 count++;
11 console.log(‘每(‘+timeout+‘)秒自动刷新,刷新次数:‘+count);
12 fr4me=‘<frameset cols=\‘*\‘>\n<frame src=\‘‘+current+‘\‘/>‘;
13 fr4me+=‘</frameset>‘;
14 with(document){write(fr4me);void(close())};
15 }

 

代码使用说明:
这个代码直接贴到chrome或者firefox的控制台中,输入自动刷新的时间间隔(单位秒),即可实现自动刷新,直到你关掉页面或者手工刷新界面为止。

代码处理逻辑说明:
其实还是蛮巧妙的。这个刷新实际上并没有直接用location.reload()之类的js方法直接强刷新页面,而是用frame嵌套目标网页链接的方式,通过重新加载frame的内容(就是current链接)来实现“自动刷新”。这样子定时器可以一直运行在页面,实现定时刷新了。
为什么不直接模拟刷新界面?原因很简单,你要实现间隔刷新的效果的话,如果直接刷新,那你所设定的 定时器 在网页刷新重新加载之后会被清掉。
那就不可以直接刷新网页了:定时器都被清了,还怎么定时刷新?

当然,你也可以用chrome插件来实现。用插件开发可能更容易些,用户体验可能会更好。

 

转自:https://blog.csdn.net/samt007/article/details/80014071   非常感谢

浏览器console自动刷新--转

原文:https://www.cnblogs.com/mlp1234/p/13907882.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!