編寫Chrome擴充套件外掛程式教程

2021-08-15 21:56:44 字數 1345 閱讀 6411

乙個 chrome 是乙個配置(入口)檔案 manifest.json 和一系列 html、css、js、檔案的集合,然後將**使用chrome打包成crx檔案即可使用

然後生成crx檔案,直接把該檔案拖進去既可以使用

1、包括擴充套件的名稱(name)、版本(version)、描述(description)、圖示位置(icons)和 manifest 版本(manifest_version)等資訊

2、permissionspermissions 屬性是乙個陣列,它定義了擴充套件需要向 chrome 申請的許可權,比如通過 xmlhttprequest 跨域請求資料、訪問瀏覽器選項卡(tabs)、獲取當前活動選項卡(activetab)、瀏覽器通知(notifications)、儲存(storage)、網頁內容採取行動( declarativecontent )等,可以根據需要新增。

3、background 可以使擴充套件常駐後台,比較常用的是指定子屬性 scripts,表示在擴充套件啟動時自動建立乙個包含所有指定指令碼的頁面。

,

"page_action": ,

"icons" : ,

"permissions" : ["tabs","declarativecontent"],

"content_scripts":

}

//當應用第一次安裝、更新至新版本或瀏覽器更新至新版本時產生。

chrome.runtime.oninstalled.addlistener(function

() ,

})],

// and shows the extension's page action.

actions: [ new chrome.declarativecontent.showpageaction() ]

}]);

});});

這個檔案編寫外掛程式具體實現功能

//兩個引數 1、要呼叫的函式 2、週期性執行或呼叫 code 之間的時間間隔,以毫秒計

setinterval(function(), 2000);

function highjyx()

整個外掛程式原始碼目錄

編寫乙個Chrome外掛程式

也可說是突然萌生出來的乙個想法 編寫乙個chrome外掛程式。其實最終的目的,還是為了解決工作中的一些問題。比如當前開發專案的自動登入功能。chrome擴充套件可以看做是乙個迷你版的站點。它更多的是用來提供功能擴充套件,而不側重內容展示。所以,它的實際組成是一組html css script檔案。b...

打包Chrome的外掛程式擴充套件程式

應室友要求打包chrome的外掛程式擴充套件程式給他,安裝目錄在哪個資料夾?正常情況下,chrome外掛程式擴充套件程式的預設安裝目錄如下 4.ubuntu中chrome外掛程式預設安裝目錄位置 config google chrome default extensions 如果在這些不同作業系統中...

chrome 外掛程式開發 教程00(如何開發外掛程式)

chrome外掛程式分為兩種 一種是出現在瀏覽器工具欄中的browser actions,另一種就是出現在位址列中的page actions,這兩者的區別是 ba外掛程式的功能對所有的頁面都可以使用,但是pa外掛程式只會對一些特定的頁面位址才會生效的外掛程式,所以它對於不生效的頁面是隱藏不顯示的。a...