Firefox Extension 插件
重要通知
。
基本概况
- 官网：http://www.firefox.com.cn/
- 开发者中心文档：https://addons.mozilla.org/zh-CN/developers/
- 开发者中心文档：https://extensionworkshop.com/
- Mozilla: https://developer.mozilla.org/zh-CN/docs/Mozilla
- 插件开发文档: https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons
- JavaScript API 的浏览器支持：https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs
插件开发示例
├─ manifest.json
├─ content_scripts
│ ├─ index.js
├─ popup
│ ├─
├─ background.js
└─
- manifest.json
需要注意，所有路径是相对于 manifest.json
{
"manifest_version": 2, // [必填]
"name": "Firefox Extends", // [必填]
"version": "1.0", // [必填]
"description": "", // <选填> 描述
"icons": { // <选填> 图标组
"48": "",
"98": ""
},
"content_scripts": [ // [必填] 内容脚本
{
"matches": ["*://*.mozilla.org/*"],
"js": ["content_scripts.js"]
}
],
"permissions": [ // 列出了插件所需要的权限
//
],
"browser_action": { // 指定了工具栏按钮
//
},
"web_accessible_resources": [ // 列出了页面可访问的资源
//
]
}
- content_scripts.js
- background.js
- 安装配置
- 打开网址: about:debugging#/runtime/this-firefox
- 单击"临时加载附加组件"
Firefox WebExtension API兼容性
- Firefox 目前仅支持 Chrome 和 Opera 支持的有限功能和 API。
- Firefox 支持 chrome 和 browser 命名空间
移植谷歌浏览器扩展程序
- 移植谷歌浏览器扩展程序: https://extensionworkshop.com/documentation/develop/porting-a-google-chrome-extension/
- 火狐浏览器扩展兼容性测试：https://www.extensiontest.com/
- 使用Chrome chrome://extensions/ 打包应用程序，即可得到.crx文件
- DOM API
内容脚本
扩展中包含的 JavaScript，你可以注入它们到网页中。
后台脚本
执行一个长时间运行的逻辑。
常见问题与释疑
工程化建设方案
性能调优最佳实践
生态系统
工程实战示例
工程实战示例基于