網(wǎng)友解答: 感謝邀請！非常榮幸回答您的提問。一、開發(fā)chrome插件的預(yù)備技術(shù)工欲善其事，必先利其器，首先第一步是要準(zhǔn)備開發(fā)插件所要掌握的技術(shù)儲備，有如下幾個方面。HTML/CSS/JS

感謝邀請！非常榮幸回答您的提問。

一、開發(fā)chrome插件的預(yù)備技術(shù)

工欲善其事，必先利其器，首先第一步是要準(zhǔn)備開發(fā)插件所要掌握的技術(shù)儲備，有如下幾個方面。

網(wǎng)頁前端開發(fā)必備知識，如果您是一位前端開發(fā)攻城獅，恭喜您，這一步可忽略嘍。因為Chrome插件開發(fā)實際上可以理解是開發(fā)一款小型的web應(yīng)用。

JSON做為一種數(shù)據(jù)交換格式，需要了解和掌握，要不然manifest.json文件沒法寫。

寫插件少不了和瀏覽器的API進(jìn)行交互的，了解越多API的內(nèi)容，開發(fā)起插件游刃有余。API文檔是一定要看的，谷歌官方（E文）的或者360極速瀏覽器提供的API文檔（中文）都可以查閱。

二、入門必備

做足上述的準(zhǔn)備工作之后，就可以試著寫一個簡單的插件來入門了，當(dāng)您體會了整體開發(fā)流程，并最終發(fā)布一款自己寫的插件之后，你會發(fā)現(xiàn)入門之后，自己想實現(xiàn)功能更強(qiáng)大的插件有了思路。

該文件是核心配置文件，需要掌握manifest.json文件結(jié)構(gòu)和字段含義。

包括擴(kuò)展的名稱（name）、版本（version）、描述（description）、圖標(biāo)位置（icons）和 manifest 版本（manifest_version）等信息。

2. browser_action 字段

browser_action指定了放在Chrome工具欄中的插件圖標(biāo)，它定義了插件圖標(biāo)文件位置（default_icon）、提示文字（default_title）和點擊圖標(biāo)所顯示的頁面位置（default_popup）。

3. permissions 字段

permissions 是一個數(shù)組，它定義了插件需要向 Chrome 申請的權(quán)限，例如是通過 XMLHttpRequest 跨域請求數(shù)據(jù)？訪問瀏覽器選項卡（tabs）？獲取當(dāng)前活動選項卡（activeTab）？瀏覽器通知（notifications）？還是存儲（storage）？等等，可以根據(jù)您的需要自行添加。

4. background 字段

background 可以使插件常駐后臺，比較常用的是指定子屬性 scripts，表示在插件啟動時自動創(chuàng)建一個包含所有指定腳本的頁面。

5. content_scripts 字段

content_scripts 會根據(jù)你在它內(nèi)部定義的 matches規(guī)則去匹配url，然后在匹配成功的url頁面中注入你指定的js和css等文件。

1. 測試

方式一：打開“設(shè)置 更多工具 擴(kuò)展程序”

方式二：Chrome 地址欄中輸入：chrome://extensions

選擇“加載已解壓的擴(kuò)展程序...”，之后選定插件文件所在目錄即可。測試當(dāng)中少不了修改，如果修改了代碼，點擊“重新加載(Ctrl + R)” 再重新進(jìn)行測試。

2. 打包

開發(fā)完畢，需要打包成 .crx 插件包。使用“打包擴(kuò)展程序” 進(jìn)行打包即可： 具體位置在插件管理頁有一個打包按鈕，點擊它。第一次打包，密鑰文件不需要選擇，Chrome 會幫我們生成密鑰，在以后更新打包時再使用。

3. 安裝

將打包后的 .crx 程序文件直接拖到 Chrome 中即可完成插件安裝。

好了，整體就是這么一個學(xué)習(xí)流程，具體的每一步驟都需要您去學(xué)習(xí)和研究，這里不可能寫成一部教程，學(xué)習(xí)的規(guī)劃有了，我相信很快您就能寫出第一個chrome插件了，加油！

同時，歡迎在評論區(qū)發(fā)表你的觀點和看法，共同探討學(xué)習(xí)，共同進(jìn)步！