Chrome页面自动刷新js脚本

Chrome的snippets是小脚本,还可以创作并在Chrome DevTools的来源面板中执行。您可以访问和从任何页面运行它们。当你运行一个片段,它从当前打开的页面的上下文中执行。本文主要讲如何使用,并完成一个页面自动刷新的功能。

(1)首先f12 打开开发者工具,再打开Sources面板中,单击上Snippets选项卡,在导航器中单击鼠标右键,然后选择New。

 

 


(2)在编辑器中输入代码。当你有未保存的更改,您的脚本名称旁边有“*”,像下面的截图。按Command+S(Mac)或Ctrl+S(Windows和Linux),以保存更改。

 

有三种方式:
1、在片段文件名(在左侧窗格中列出了所有的片段)右键单击并选择“RUN”。
2、点击运行按钮(▶)。
3、按Command+Enter(Mac)或Ctrl+Enter(Windows和Linux)。

这就可以完成当前网页的自动刷新了,代码如下:

timeout=prompt("Set timeout (Second):");
count=0
current=location.href; // 获取当前的URL
if(timeout>0)
    setTimeout('reload()',1000*timeout);
else
    location.replace(current);  // 时间间隔不大于0,仅刷新一次  

function reload(){
    setTimeout('reload()',1000*timeout); // timeout秒后执行reload函数,实现无限循环刷新  
    count++;
    console.log('每('+timeout+')秒自动刷新,刷新次数:'+count);
    fr4me='<frameset cols=\'*\'>\n<frame src=\''+current+'\'/>';
    fr4me+='</frameset>';
    with(document)
    {
        write(fr4me);
        void(close())
    };
}

发布了1 篇原创文章 · 获赞 3 · 访问量 2828
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览