此頁面由社群從英文翻譯而來。了解更多並加入 MDN Web Docs 社群。
瀏覽器擴充套件
擴充套件或附加元件可以修改並增強瀏覽器的功能。適用於 Firefox 的擴充功能是使用 WebExtension API 跨瀏覽器技術建構的。
Firefox 的擴充套件技術在很大程度上與由 Chromium 為基礎的瀏覽器(如 Google Chrome、Microsoft Edge、Opera、Vivaldi)支援的擴充套件 API相容。大多數情況下,為 Chromium 瀏覽器撰寫的擴充套件只需進行少量修改即可在 Firefox 中執行。
In this article
關鍵資源
- 指南
無論你是剛開始還是尋求更進階的建議,都可以從我們廣泛的教程與指南中了解擴充套件的運作方式及如何使用 WebExtension API。
- 參考資料
獲取關於WebExtension API 的方法、屬性、類型和事件的詳細資訊,以及manifest 鍵的完整詳細資料。
- Firefox 工作流程
瞭解如何為 Firefox 建構和發布擴充套件:包括開發工具、發布與分發以及在Extension Workshop 上的移植流程。
備註:如果你有想法、疑問或需要幫助,可以加入社群論壇或透過Matrix 加入Add-ons Room。
開始使用
在建構你的第一個擴充套件之前,先了解擴充套件能做什麼。瞭解擴充套件的結構以及Firefox 擴充套件開發與發布工作流程概覽。通過一系列可直接在 Firefox 中執行的範例擴充套件進一步探索。
概念
詳細了解支撐擴充功能的概念,包括JavaScript API 概述、內容腳本、匹配模式、檔案處理、國際化、內容安全政策、本機訊息傳遞、使用開發者工具 API,以及本機清單等進階主題。
使用者介面
探索擴充套件中可用的所有使用者介面元件,包括程式碼範例和提示。
操作指南
無論是你經常使用的模式(如使用 Tabs API 和在工具列添加按鈕),還是更進階的主題(如攔截 HTTP 請求和處理情境識別),都可以找到相關教程幫助你快速上手。
Firefox 工作流程
當你準備為 Firefox 建立擴充套件或移植你的 Chrome 擴充套件時,請造訪Extension Workshop。其中包含以下內容的詳細資訊:
- Firefox 工作流程,如在開發期間暫時安裝擴充套件、調試、請求正確的權限等。
- web-ext 開發工具。
- 移植 Google Chrome 擴充套件、桌面與 Android 之間的差異等。
- 發布與分發概覽、宣傳你的擴充套件、擴充功能生命週期最佳實踐等。
參考資料
>JavaScript API
獲取關於所有JavaScript API 的方法、屬性、類型和事件的詳細資訊。每個參考頁面還包括程式碼範例及使用該 API 的擴充套件範例的連結。
Manifest 鍵
獲取關於manifest 鍵的完整詳細資訊,包括其所有屬性和設定。