chrome浏览器网页刷新的console代码

最新推荐文章于 2024-11-19 00:01:49 发布

samt007

最新推荐文章于 2024-11-19 00:01:49 发布

阅读量2.6w

点赞数 15

分类专栏： Javascript技术文章标签： chrome

Javascript技术专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现页面自动刷新的方法。通过设置定时器，利用iframe加载当前页面URL达到刷新效果，避免了定时器在刷新后被清除的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

timeout=prompt("Set timeout (Second):");
count=0
current=location.href;
if(timeout>0)
setTimeout('reload()',1000*timeout);
else
location.replace(current);
function reload(){
setTimeout('reload()',1000*timeout);
count++;
console.log('每（'+timeout+'）秒自动刷新,刷新次数：'+count);
fr4me='<frameset cols=\'*\'>\n<frame src=\''+current+'\'/>';
fr4me+='</frameset>';
with(document){write(fr4me);void(close())};
}

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

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

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

私用链接