chrome瀏覽器控制檯建立js腳本並執行

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())};
}
相關文章
相關標籤/搜索