产品简介
extension-boilerplate 这是一个开源跨浏览器扩展开发模板,基于WebExtensions标准,允许开发者一次编写代码部署到Chrome、Opera和Firefox。它解决了重复开发多平台扩展的痛点,提供实时重载和现代化工作流,适合前端开发者和扩展开发新手快速上手。
核心功能
- 一次编写,部署到Chrome、Opera和Firefox
- 实时重载开发,自动刷新CSS/HTML/JS更改
- 基于Gulp的工作流,支持ES6和SCSS转换
- 包含Sketch设计资源,用于图标和宣传图
- 易于配置和扩展,可自定义Gulp任务
- 支持平台和环境特定变量配置
快速开始
- 克隆仓库:git clone https://github.com/EmailThis/extension-boilerplate.git
- 安装依赖:运行npm install
- 构建扩展:运行npm run build
- 加载扩展到浏览器:Chrome/Opera中打开chrome://extensions并加载解压扩展,Firefox中打开about:debugging加载临时附加组件
界面预览
与其他方案对比
| 对比项 | extension-boilerplate | 同类方案 |
|---|---|---|
| 跨平台支持 | 基于WebExtensions,支持多浏览器统一开发,一次编写多部署 | 可能需要针对不同浏览器使用不同API,导致代码重复和开发效率低 |
适合谁用
- 需要开发Chrome、Opera、Firefox扩展的前端开发者
- 想学习浏览器扩展开发的编程初学者
- 寻求跨浏览器扩展开发模板的项目负责人
下载与版本
当前最新版本为 v1.0,发布于 2017-02-22。支持 多平台。点击页面「下载软件」按钮即可下载打包好的版本,根据你的电脑/手机系统来选择对应的软件。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/EmailThis/extension-boilerplate