大家好，我是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 拽過來扔進去。或者你也可以 載入已解壓的擴充套件程式。

在擴充套件程式裡就能看到這個擴充套件了