讓chrome瀏覽器定時自動刷新網頁插件設置方法

最近許多網友留言說怎么開發(fā)一個讓chrome定時自動刷新網頁的插件，這對電腦小白來說簡直是世紀大難題，網上查找很久都沒理解，對于專業(yè)電腦人員來說這可能是小菜一碟了。為幫助新手用戶實現讓chrome瀏覽器定時自動刷新網頁，接下去分享一招實用的方法。

具體方法如下：

1、這個可能需要的chrome插件開發(fā)的基礎了。

2、本例子不難就是選擇一個時間周期，然后重復的刷新頁面。

具體方法如下：

1、這里是清單文件，關于chrome的清單文件你可以百度一下，這里面包含的指定頁面的位置，并為插件指定了一個起始的圖標，還有最重要的授權，如果不對插件授權那么插件將無法運行，當然還用應用的名字，版本等信息。

2、先來看看插件的代碼部分，演示的效果在后面哦。這里是定義了幾個量，一會后面的時候會使用到，比如指定了兩個圖片作為插件的啟動和停止狀態(tài)圖標，這里還包含了一個updateIcon方法。這個方法主要就是在啟動或停止的時候修改插件的圖標，所以把ta單獨提取出來，后面這一張就監(jiān)聽標簽頁切換的時候也要做執(zhí)行下修改圖標，因為我們的自動刷新插件是針對每一個頁面的，不能全部都刷新。

3、下面這個就主方法了，在這里接收前面?zhèn)鬟^來的參數，比如選擇了周期為兩秒，這里會得到標簽頁，然后每兩秒就去update標簽頁一次，這里分為了幾種情況，有啟動，停止，還有一個是保持狀態(tài)的，然每次刷新后插件的圖標和狀態(tài)都能定位到剛才選擇的。

4、下面這個是前臺的js文件中的內容，這里面包含了寫公共方法，還有從頁面中獲得選擇的時間周期，還有監(jiān)聽是哪個按鈕被點擊了，是啟動還是停止等操作，并且加入getConf這個方法，作用就是獲取插件當前的執(zhí)行狀態(tài)。

5、這里是html文件，就是插件彈開的頁面中要顯示的東西，這里我們使用布局比較規(guī)整的table標簽，并且加入了一些美化的css樣式。通知還默認了一些時間周期，這里可以加入更多的，比如一個小時，別且value值的單位為秒。

6、最后是效果展示，當把插件安裝到瀏覽器的時候，你會在瀏覽器的右側看到一個圖標，就像圖中那樣，這里默認情況下插件的圖標是黑色的，單擊后會看到第二幅圖，這里可以選擇時間周期，然后點擊沖動按鈕，這時按鈕的圖標改變，變成的發(fā)亮的狀態(tài)，說明自動刷新已經啟動，你也可以點擊停止來終止刷新。

綜上所述讓chrome瀏覽器定時自動刷新網頁插件設置方法，希望本教程內容對大家有所幫助！