Chrome 在全球瀏覽器市場份額獨占 6 成,無論是對普通用戶還是開發者,都是電腦里的必備利器。Chrome 無論是在性能還是 UI 交互方面都非常出色,而 Chrome 擴展則為開發者提供了介面,讓開發者有能力自己編寫代碼使自己的 Chrome 更強大,更加定製化。 ...
大家好,我是dom哥。我正在寫關於 Chrome 擴展開發的系列文章,感興趣的可以點個小星星。
Chrome 在全球瀏覽器市場份額獨占 6 成,無論是對普通用戶還是開發者,都是電腦里的必備利器。Chrome 無論是在性能還是 UI 交互方面都非常出色,而 Chrome 擴展則為開發者提供了介面,讓開發者有能力自己編寫代碼使自己的 Chrome 更強大,更加定製化。
每個 Chrome 擴展項目的根目錄中都必須有一個 manifest.json 文件,即清單文件。manifest 里會記錄關於擴展的重要元數據、聲明許可權以及指定在網頁和後臺中運行的文件等等。
最簡單的 Chrome 擴展項目
新建一個 crx-demo 目錄,在裡面新建一個 manifest.json 文件,目錄結構如下:
crx-demo
└── manifest.json
這就是一個最簡單的 Chrome 擴展項目了!接下來就是不斷豐富它的細節。
manifest 欄位最小集
manifest 大約有 20 多個配置項,但大部分都是可選配置。必須的配置項有且僅有下麵 3 個!
{
"manifest_version": 3,
"name": "CRX Demo",
"version": "1.0.0"
}
是不是似曾相識,像不像前端項目里無人不知的 package.json 文件!
先不用追究每個欄位的深層含義,這個稍後會逐個解釋。接下來在 Chrome 里打開管理擴展程式 chrome://extensions/ 直接把 crx-demo 拽過來扔進去。或者你也可以 載入已解壓的擴展程式。
在擴展程式里就能看到這個擴展了