讓chrome瀏覽器定時(shí)自動(dòng)刷新網(wǎng)頁(yè)插件設(shè)置方法

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

具體方法如下：

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

2、本例子不難就是選擇一個(gè)時(shí)間周期，然后重復(fù)的刷新頁(yè)面。

具體方法如下：

1、這里是清單文件，關(guān)于chrome的清單文件你可以百度一下，這里面包含的指定頁(yè)面的位置，并為插件指定了一個(gè)起始的圖標(biāo)，還有最重要的授權(quán)，如果不對(duì)插件授權(quán)那么插件將無(wú)法運(yùn)行，當(dāng)然還用應(yīng)用的名字，版本等信息。

2、先來(lái)看看插件的代碼部分，演示的效果在后面哦。這里是定義了幾個(gè)量，一會(huì)后面的時(shí)候會(huì)使用到，比如指定了兩個(gè)圖片作為插件的啟動(dòng)和停止?fàn)顟B(tài)圖標(biāo)，這里還包含了一個(gè)updateIcon方法。這個(gè)方法主要就是在啟動(dòng)或停止的時(shí)候修改插件的圖標(biāo)，所以把ta單獨(dú)提取出來(lái)，后面這一張就監(jiān)聽標(biāo)簽頁(yè)切換的時(shí)候也要做執(zhí)行下修改圖標(biāo)，因?yàn)槲覀兊淖詣?dòng)刷新插件是針對(duì)每一個(gè)頁(yè)面的，不能全部都刷新。

3、下面這個(gè)就主方法了，在這里接收前面?zhèn)鬟^(guò)來(lái)的參數(shù)，比如選擇了周期為兩秒，這里會(huì)得到標(biāo)簽頁(yè)，然后每?jī)擅刖腿pdate標(biāo)簽頁(yè)一次，這里分為了幾種情況，有啟動(dòng)，停止，還有一個(gè)是保持狀態(tài)的，然每次刷新后插件的圖標(biāo)和狀態(tài)都能定位到剛才選擇的。

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

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

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

綜上所述讓chrome瀏覽器定時(shí)自動(dòng)刷新網(wǎng)頁(yè)插件設(shè)置方法，希望本教程內(nèi)容對(duì)大家有所幫助！