歡迎使用 Chrome 擴充功能開發工具。探索開始建構及發布第一個 Chrome 擴充功能所需的一切資源。

總覽

Chrome 擴充功能可自訂使用者介面、觀察瀏覽器事件及修改網頁,改善瀏覽體驗。請造訪 Chrome 線上應用程式商店,進一步瞭解擴充功能的功能。
您可以使用用來建立網頁應用程式的網頁技術來建立擴充功能:HTMLCSSJavaScript
除了 Web API 之外,擴充功能也能透過 Chrome Extension API 完成不同的工作。如需更詳細的總覽,請參閱開發指南

擴充功能術語

Chrome 擴充功能是由扮演不同角色的環節所組成。
擴充功能的資訊清單是必要檔案,必須具備特定檔案名稱:manifest.json。金鑰也必須位於擴充功能的根目錄。資訊清單會記錄重要中繼資料、定義資源、宣告權限,以及識別要在背景和網頁執行的檔案。
Service Worker 會在背景執行並處理瀏覽器事件,例如移除書籤或關閉分頁。他們無法存取 DOM,但針對這個用途,您可以將其與畫面外的文件合併。
內容指令碼是在網頁環境中執行 JavaScript。
在使用者點選擴充功能工具列圖示,或使用 Action API 顯示彈出式視窗時執行程式碼。
在瀏覽器的側邊面板中顯示自訂 UI。
攔截、封鎖或修改網路要求。

發布到 Chrome 線上應用程式商店

如果您是為自己建構擴充功能,請參閱我們的入門教學課程。如要發布到 Chrome 線上應用程式商店,請先瞭解以下事項。
在選擇要支援的功能時,請確保擴充功能具備單一用途,而且定義明確且容易理解。
在 Chrome 線上應用程式商店中發布的擴充功能必須符合開發人員計畫政策規定。請詳閱下列政策,確保你的擴充功能可由 Chrome 線上應用程式商店代管。
編寫程式碼時,請注意所有邏輯都必須包含在擴充功能套件中。也就是說,執行階段無法下載額外的 JavaScript 程式碼。改善擴充功能安全性提供了執行遠端代管程式碼的替代方案。

教學課程

請選擇以下任一教學課程,開始展開擴充功能學習之旅。
建立第一個 hello world 擴充功能,熟悉擴充功能開發工作流程。
瞭解如何自動在特定網站中加入元素。
按一下工具列圖示,瞭解如何簡化目前網頁的樣式。
瞭解如何建立管理分頁的彈出式視窗。
瞭解如何建立擴充功能 Service Worker 並進行偵錯。
瞭解如何在偵錯期間找出記錄和錯誤訊息。