歡迎使用 Chrome 擴充功能開發服務。瞭解建構及發布第一個 Chrome 擴充功能所需的一切。
建構第一個擴充功能 查看所有教學課程

總覽

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

擴充功能術語

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

側邊面板

在瀏覽器的側邊面板中顯示自訂 UI。
攔截、封鎖或修改網路要求。

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

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

教學課程

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