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

感謝邀請(qǐng)！非常榮幸回答您的提問(wèn)。

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

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

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

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

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

二、入門(mén)必備

做足上述的準(zhǔn)備工作之后，就可以試著寫(xiě)一個(gè)簡(jiǎn)單的插件來(lái)入門(mén)了，當(dāng)您體會(huì)了整體開(kāi)發(fā)流程，并最終發(fā)布一款自己寫(xiě)的插件之后，你會(huì)發(fā)現(xiàn)入門(mén)之后，自己想實(shí)現(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）和點(diǎn)擊圖標(biāo)所顯示的頁(yè)面位置（default_popup）。

3. permissions 字段

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

4. background 字段

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

5. content_scripts 字段

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

1. 測(cè)試

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

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

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

2. 打包

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

3. 安裝

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

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

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