歡迎使用 Chrome 擴充功能開發服務。瞭解建構及發布第一個 Chrome 擴充功能所需的一切。

總覽

Chrome 擴充功能可自訂使用者介面、觀察瀏覽器事件,以及修改網頁,進而提升瀏覽體驗。如要查看更多擴充功能的範例,請前往 Chrome 線上應用程式商店
您可以使用用於建立網頁應用程式的相同網頁技術來建構擴充功能,包括 HTMLCSSJavaScript
除了Web API,擴充功能還可以存取 Chrome 擴充功能 API,以便執行各種工作。如需更詳細的概略說明,請參閱開發指南

擴充功能術語

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

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

如果您要自行建構擴充功能,請參閱入門教學課程。如要發布至 Chrome 線上應用程式商店,請先瞭解幾項事項。
選擇要支援的功能時,請確保擴充功能可滿足單一用途,且該用途已明確定義且易於理解。
在 Chrome 線上應用程式商店發布的擴充功能必須遵守開發人員計畫政策。請詳閱這些政策,確保您的擴充功能可由 Chrome 線上應用程式商店代管。
編寫程式碼時,請務必將所有邏輯納入擴充功能套件中。也就是說,執行階段不會下載任何額外的 JavaScript 程式碼。改善擴充功能安全性提供執行遠端代管程式的替代方案。

教學課程

請選擇下列任一教學課程,開始擴充學習歷程。
建立第一個 Hello World 擴充功能,熟悉擴充功能開發工作流程。
瞭解如何自動將元素新增至指定網站。
瞭解如何按一下工具列圖示,簡化目前網頁的樣式。
瞭解如何建立用於管理分頁的彈出式視窗。
瞭解如何建立及偵錯擴充功能服務 worker。
瞭解如何在偵錯期間查看記錄和錯誤訊息。