Chrome Extension 開發教學
想做一個瀏覽器小工具，卻不知道從何下手？這個網站帶你用最短路徑，掌握開發 Chrome 擴充功能（Chrome Extension）所需要的核心知識。
什麼是 Chrome Extension？
Chrome Extension 是用 HTML、CSS、JavaScript 寫成，安裝在 Chrome 瀏覽器裡的小程式。它可以修改網頁內容、加上工具列按鈕、記住使用者設定，甚至定時執行工作。現行的擴充功能規格是 Manifest V3（第 3 版設定檔規格），由 Google 主導，強調安全性、效能與隱私，也是目前 Chrome Web Store 唯一接受上架的版本。
最重要的 20%：你需要先搞懂的核心觀念
如果只能學 Chrome Extension 最重要的 20%，我認為是：一份宣告式的設定檔（manifest.json），三個核心執行環境（Background Service Worker、Content Script、Popup／Options 頁面），一套跨環境溝通機制（訊息傳遞），以及三類最常用的 API（chrome.storage、chrome.tabs／chrome.scripting、chrome.action）。把這些串起來，就能做出日常九成會用到的擴充功能——例如網頁小幫手、資料擷取工具、生產力外掛。
這個網站的學習地圖
開始之前
你只需要一台裝有 Google Chrome 的電腦，以及一套程式碼編輯器（建議 Visual Studio Code）。不需要安裝額外的框架或建置工具，就能寫出第一個能運作的擴充功能。詳細步驟請看 入門設定。
官方資源
- Chrome Extensions 官方文件——最權威、更新最快的第一手資料。
- Chrome Web Store 開發者主控台——管理與發布你的擴充功能。
想認識唯客學院，請看 關於我們。