浏览器扩展
扩展或者说是附加组件,拥有可以修改、增强浏览器的能力。用于 Firefox 的扩展,使用跨浏览器的 WebExtensions API 技术来构建。
用于构建 Firefox 扩展的技术在很大程度上与被基于 Chromium 内核的浏览器(例如谷歌 Chrome 浏览器,微软 Edge 浏览器,Opera 浏览器,Vivaldi 浏览器)所支持的扩展 API 所兼容。在大多数情况下,为基于 Chromium 内核浏览器而写的插件只需要少许修改就可以在 Firefox 中运行。
核心资源
- 指南
-
无论你是刚开始学习还是在寻找更加高级的建议,你可以从我们大量的教程和指南中学习扩展是如何工作的以及如何使用 WebExtensions API。
- 参考资料
-
获取全面的关于方法,属性,类型,事件等 WebExtensions APIs 的细节部分以及关于 manifest 键列表的全部细节。
- Firefox 工作流
-
了解如何为 Firefox 构建、发布扩展:在扩展工作坊了解开发者工具,发布和移植的基本原理。
开始
在构建你的第一个扩展之前,先去了解下扩展都可以做些什么。学习扩展剖析章节,对扩展开发、发布工作流和 Firefox 风格有一个大致的了解。在扩展示例中 你会有一个全面的选择来进行更深入的探索,这些示例你都是可以正常运行在 Firefox 中的。
概念
从 JavaScript API 概览开始,到内容脚本,模式匹配,使用文件,国际化,内容安全策略以及更加高阶的主题,例如原生通信,使用开发者工具 API,原生应用清单获取详尽的信息来加深对扩展的概念理解。
用户界面
利用这些示例代码来了解你可以在扩展中使用的所有用户界面组件。
如何做
你将会找到大量的教程来开始,根据你经常使用的范例,例如使用 Tabs API,在工具栏上增加一个按钮儿到更加高阶的主题,例如拦截 HTTP 请求,语境认同,
Firefox 工作流
当你已经准备好创建你的 Firefox 扩展或者是移植你的 Chrome 扩展时,前往扩展工作坊。它包含了以下细节:
- Firefox 工作流,例如在开发时临时安装扩展、调试、获取对的权限,等等。
- web-ext 开发者工具。
- 移植谷歌 Chrome 浏览器扩展,桌面程序与安卓的差异,等等。
- 预览发布,推广你的扩展,扩展生命周期的最佳实践。
参考资料
JavaScript APIs
获取全面的关于方法,属性,类型,事件等 JavaScript APIs 的细节部分。在那儿你也可以获取到每个 API 与主流浏览器的兼容性的详尽细节。大多数的参考资料页面都包含使用这些 API 的代码示例和扩展示例的链接。