浏览器扩展 - Mozilla | MDN

HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
View in English Always switch to English
扩展或者说是附加组件，拥有可以修改、增强浏览器的能力。用于 Firefox 的扩展，使用跨浏览器的 WebExtensions API 技术来构建。
用于构建 Firefox 扩展的技术在很大程度上与被基于 Chromium 内核的浏览器（例如谷歌 Chrome 浏览器，微软 Edge 浏览器，Opera 浏览器，Vivaldi 浏览器）所支持的扩展 API 所兼容。在大多数情况下，为基于 Chromium 内核浏览器而写的插件只需要少许修改就可以在 Firefox 中运行。
无论你是刚开始学习还是在寻找更加高级的建议，你可以从我们大量的教程和指南中学习扩展是如何工作的以及如何使用 WebExtensions API。
获取全面的关于方法，属性，类型，事件等 WebExtensions APIs 的细节部分以及关于 manifest 键列表的全部细节。
了解如何为 Firefox 构建、发布扩展：在扩展工作坊了解开发者工具，发布和移植的基本原理。
备注：如果你有任何的想法、问题或者是需要帮助，可以在社区论坛和在 Matrix 上的附加组件房间联系到我们。
在构建你的第一个扩展之前，先去了解下扩展都可以做些什么。学习扩展剖析章节，对扩展开发、发布工作流和 Firefox 风格有一个大致的了解。在扩展示例中 你会有一个全面的选择来进行更深入的探索，这些示例你都是可以正常运行在 Firefox 中的。
从 JavaScript API 概览开始，到内容脚本,模式匹配,使用文件,国际化,内容安全策略以及更加高阶的主题，例如原生通信,使用开发者工具 API,原生应用清单获取详尽的信息来加深对扩展的概念理解。
利用这些示例代码来了解你可以在扩展中使用的所有用户界面组件。
你将会找到大量的教程来开始，根据你经常使用的范例，例如使用 Tabs API、在工具栏上增加一个按钮到更加高阶的主题，例如拦截 HTTP 请求、语境认同，可以找到一系列教程，让你轻松入门。
当你已经准备好创建你的 Firefox 扩展或者是移植你的 Chrome 扩展时，前往扩展工作坊。它包含了以下细节：
获取全面的关于方法，属性，类型，事件等 JavaScript API 的细节部分。在那儿你也可以获取到每个 API 与主流浏览器的兼容性的详尽细节。大多数的参考资料页面都包含使用这些 API 的代码示例和扩展示例的链接。
你可以从这里获取键列表详尽的细节，包括它们所有的属性和设置。
此页面最后更新于 2025年8月5日，由 MDN 贡献者更新。
本内容的部分版权归 mozilla.org 贡献者所有，©1998–2026。内容依据知识共享许可协议提供。