chrome瀏覽器網頁刷新的console代碼(轉)

代碼如下:

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插件來實現。用插件開發可能更容易些,用戶體驗可能會更好。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章