产品推荐 2026-07-20

extension-boilerplate:浏览器扩展开发模

跨浏览器扩展开发模板,简化Chrome、Opera和Firefox扩展构建。

开源软件实用工具

产品简介

extension-boilerplate 这是一个开源跨浏览器扩展开发模板,基于WebExtensions标准,允许开发者一次编写代码部署到Chrome、Opera和Firefox。它解决了重复开发多平台扩展的痛点,提供实时重载和现代化工作流,适合前端开发者和扩展开发新手快速上手。

核心功能

  • 一次编写,部署到Chrome、Opera和Firefox
  • 实时重载开发,自动刷新CSS/HTML/JS更改
  • 基于Gulp的工作流,支持ES6和SCSS转换
  • 包含Sketch设计资源,用于图标和宣传图
  • 易于配置和扩展,可自定义Gulp任务
  • 支持平台和环境特定变量配置

快速开始

  1. 克隆仓库:git clone https://github.com/EmailThis/extension-boilerplate.git
  2. 安装依赖:运行npm install
  3. 构建扩展:运行npm run build
  4. 加载扩展到浏览器:Chrome/Opera中打开chrome://extensions并加载解压扩展,Firefox中打开about:debugging加载临时附加组件

界面预览

与其他方案对比

对比项extension-boilerplate同类方案
跨平台支持基于WebExtensions,支持多浏览器统一开发,一次编写多部署可能需要针对不同浏览器使用不同API,导致代码重复和开发效率低

适合谁用

  • 需要开发Chrome、Opera、Firefox扩展的前端开发者
  • 想学习浏览器扩展开发的编程初学者
  • 寻求跨浏览器扩展开发模板的项目负责人

下载与版本

当前最新版本为 v1.0,发布于 2017-02-22。支持 多平台。点击页面「下载软件」按钮即可下载打包好的版本,根据你的电脑/手机系统来选择对应的软件。

注意事项