最近許多網友留言說怎么開發一個讓chrome定時自動刷新網頁的插件,這對電腦小白來說簡直是世紀大難題,網上查找很久都沒理解,對于專業電腦人員來說這可能是小菜一碟了。為幫助新手用戶實現讓chrome瀏覽器定時自動刷新網頁,接下去分享一招實用的方法。
具體方法如下:
1、這個可能需要的chrome插件開發的基礎了。
2、本例子不難就是選擇一個時間周期,然后重復的刷新頁面。
具體方法如下:
1、這里是清單文件,關于chrome的清單文件你可以百度一下,這里面包含的指定頁面的位置,并為插件指定了一個起始的圖標,還有最重要的授權,如果不對插件授權那么插件將無法運行,當然還用應用的名字,版本等信息。
2、先來看看插件的代碼部分,演示的效果在后面哦。這里是定義了幾個量,一會后面的時候會使用到,比如指定了兩個圖片作為插件的啟動和停止狀態圖標,這里還包含了一個方法。這個方法主要就是在啟動或停止的時候修改插件的圖標,所以把ta單獨提取出來,后面這一張就監聽標簽頁切換的時候也要做執行下修改圖標,因為我們的自動刷新插件是針對每一個頁面的,不能全部都刷新。
3、下面這個就主方法了,在這里接收前面傳過來的參數,比如選擇了周期為兩秒,這里會得到標簽頁,然后每兩秒就去update標簽頁一次,這里分為了幾種情況,有啟動,停止,還有一個是保持狀態的,然每次刷新后插件的圖標和狀態都能定位到剛才選擇的。
4、下面這個是前臺的js文件中的內容,這里面包含了寫公共方法,還有從頁面中獲得選擇的時間周期,還有監聽是哪個按鈕被點擊了,是啟動還是停止等操作,并且加入getConf這個方法,作用就是獲取插件當前的執行狀態。
5、這里是html文件,就是插件彈開的頁面中要顯示的東西,這里我們使用布局比較規整的table標簽,并且加入了一些美化的css樣式。通知還默認了一些時間周期,這里可以加入更多的,比如一個小時,別且value值的單位為秒。
6、最后是效果展示,當把插件安裝到瀏覽器的時候,你會在瀏覽器的右側看到一個圖標,就像圖中那樣,這里默認情況下插件的圖標是黑色的,單擊后會看到第二幅圖,這里可以選擇時間周期,然后點擊沖動按鈕,這時按鈕的圖標改變,變成的發亮的狀態,說明自動刷新已經啟動,你也可以點擊停止來終止刷新。
綜上所述讓chrome瀏覽器定時自動刷新網頁插件設置方法,希望本教程內容對大家有所幫助!