Chrome 擴充套件程式開發

2021-08-11 16:37:39 字數 1136 閱讀 6171

按chrome開發規範,我們首先建乙個資料夾,如d:\autoclickdemo\,在該資料夾下新建乙個名為manifest.json的文字檔案,並按實際情況放乙個檔案,作為外掛程式的圖示。然後新建乙個名為myscript.js的js指令碼檔案,作為我們需要自定義執行的操作。最後,如果需要用到jquery,還需要把jquery放到資料夾目錄中:

(1)建立乙個資料夾autoclickdemo

(2)檔案目錄

外掛程式的總目錄:manifest.json

每個chrome外掛程式都包含乙個manifest.json的檔案,這是chrome外掛程式的總目錄,裡面定義了每個資源都是做什麼的。manifest.json檔案裡是乙個json型別的資料。

該manifest.json檔案的內容和解釋如下:

具體**為:

}(3)自定義的指令碼:myscript.js

剛剛manifest.json只是幫我們生成了乙個目錄給chrome瀏覽器,具體的操作還得自定義乙個js指令碼來生成。寫好自定義指令碼後,在chrome瀏覽器中新增這個擴充套件外掛程式,以後在開啟指定網頁時都會載入我們的自定義指令碼來完成我們想要的操作。

function

autoclick

()setinterval(autoclick,1000);

$(function

());

(4)為chrome新增擴充套件外掛程式

在chrome選單中,選擇 工具-擴充套件程式 ,進入以下介面。然後勾選住 開發者模式,然後載入正在開發的擴充套件程式。

chrome擴充套件程式開發

1 檢視及執行擴充套件程式 2 擴充套件的組成1 檢視擴充套件程式資訊 2 檢視popup頁面1 不可視的background頁面 2 可視頁面 browser action default icon 圖示 最好19px 19px default title 標題 default popup 彈出框...

開發chrome擴充套件程式

谷歌瀏覽器擴充套件程式官方文件 入門1.建立資料夾如 c demo 2.在該資料夾下建立名為manifest.json的檔案,內容格式為json格式,語法如下 3.在demo資料夾中至少包含 icon.png 圖示 a.html 外掛程式按鈕被點下時顯示的網頁 安裝1.開發版的chrome瀏覽器中 ...

如何製作chrome擴充套件程式

簡單實現了乙個 chrome 的擴充套件,方法如下 首先新建乙個資料夾,用編輯器寫乙個檔名為 manifest.json 的檔案 icons 這其中,如果需要多語言支援的話,可以新增default locale,並將name description欄位修改為 並在外掛程式目錄下新增 locales ...