chrome 外掛開發教學

2019-12-18 13:00:37

chrome外掛可以根據自己的需求快速的構建基於特定頁面的瀏覽器級外掛，比如，想要爬取某個網頁的內容，但是沒有對應的介面，那麼通過chrome外掛就可以。又或者，想要定時重新整理頁面，chrome外掛也可以完成

chrome外掛的固定資料夾格式，此項沒什麼道理可以講，按照規範來就行，否則，可能識別不了你的外掛。在電腦的任何位置建立一個資料夾，這個資料夾名字可以自定義，比如叫做ChromeExt，在此資料夾下建立檔案結構如下：

ChromeExt

-- img （存放圖片的資料夾）

-- js （存放js的資料夾）

-- manifest.json （外掛設定項的json檔案）

在存放圖片的資料夾img中新增一張解析度為256*256大小的圖片，此項需要確保圖片大小，其他無要求

在js資料夾下面新增jquery原始檔，再新建一個js檔案，用於編寫自定義的js程式碼

設定manifest.json檔案中的內容，此處僅介紹特殊項，其餘沒有介紹的，自定義值即可：

1）icons：可以設定各種解析度都指向上面img資料夾下的同一張圖片

2）content_scripts:

a）matches：設定要匹配，或者叫做監控，操作的頁面地址，後面帶星號，意思是這個網址後面的所有地址都匹配

b）js：指定需要注入到頁面的js檔案，通常來說就是jquery和自定義的js

c）all_frames：如果設定為true，表示所有地址，包括iframe含有這個地址的，都匹配。否則，iframe中的內容就不匹配了

在自定義的js檔案中新增程式碼，每隔10秒鐘重新整理一下頁面

在chrome瀏覽器中輸入chrome://extensions，點選【載入已解壓的擴充套件程式】按鈕，選擇第一步建立的資料夾，就可以看到自定義的外掛擴充套件到了瀏覽器

開啟第4步設定的，要監控的網頁地址，就可以看到每隔10秒鐘頁面會重新重新整理