Chrome的snippets是小脚本,还能够创做并在Chrome DevTools的来源面板中执行。您能够访问和从任何页面运行它们。当你运行一个片断,它从当前打开的页面的上下文中执行。本文主要讲如何使用,并完成一个页面自动刷新的功能。编辑器
第一步 |
首先f12 打开开发者工具,再打开Sources面板中,单击上Snippets选项卡,在导航器中单击鼠标右键,而后选择New。工具
第二步 |
在编辑器中输入代码。当你有未保存的更改,您的脚本名称旁边有“*”,像下面的截图。按Command+S(Mac)或Ctrl+S(Windows和Linux),以保存更改。code
第三步运行你的代码片断 |
有三种方式:
一、在片断文件名(在左侧窗格中列出了全部的片断)右键单击并选择“RUN”。
二、点击运行按钮(▶)。
三、按Command+Enter(Mac)或Ctrl+Enter(Windows和Linux)。blog
这就能够完成当前网页的自动刷新了,代码以下:ip
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())}; }