FeHelper

装一个扩展，搞定前端日常开发杂活

FeHelper 是一款面向 Web 前端开发者的浏览器扩展工具箱，支持 Chrome、Firefox 和 MS-Edge。它集成了多种常用开发工具，如 JSON 格式化与校验、代码压缩与美化、图片转 Base64、颜色值转换、Cron 表达式解析等，解决前端开发中频繁切换在线工具的痛点。通过浏览器扩展的形式，开发者无需离开当前页面即可快速完成数据转换、代码调试等操作，提升开发效率。项目采用 JavaScript 编写，基于浏览器扩展 API，轻量易用，且持续迭代更新。

开源 free 对话助手

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 5672

维护状态较活跃

是否开源是

定价模式 free

项目数据

分类对话助手

开发团队zxlie

所属国家

官网地址https://fehelper.com

GitHubhttps://github.com/zxlie/FeHelper

定价模式free

价格说明浏览器扩展工具，完全免费，无付费版本。

访问状态

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型chatgpt,chrome-extension,code-beautify,code-compress,color-transfer,crontab,fehelper,firefox-addon,image-base64,json,json-format,markdown-html,microsoft-edge,microsoft-edge-extension,qrcode,qrcode-decoder,qrcode-generator,web-fehelper

GitHub 星标★ 5672

30天Star增速

HF 下载量

上线时间2013-03-10 00:00:00

最近更新2026-09-21 00:00:00

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数3

使用教程

难度：入门约 10 分钟部署方式：浏览器扩展 6 步

环境要求

Node.js 与 npm 环境（README 未指定版本，用于源码构建）
Chrome / Edge / Firefox 浏览器之一
可访问对应浏览器扩展商店（商店安装方式需要）

安装与启动步骤

1获取项目源码

把 FeHelper 仓库克隆到本地，源码安装方式的第一步；已有压缩包可跳过此步。
```
git clone https://github.com/zxlie/FeHelper.git
cd FeHelper
```
2安装依赖

在项目根目录安装构建所需依赖，需已装好 Node.js 与 npm。
```
npm install
```
3运行测试

README 提供的测试命令，用于确认代码与构建环境正常。
```
npm test
```
4构建扩展

执行构建命令生成可直接加载的扩展产物，README 要求本地加载前先构建。
```
npm run build
```
5加载到浏览器

打开 chrome://extensions/ 或 edge://extensions/，开启开发者模式，点“加载已解压的扩展程序”，选择仓库中的 apps 目录。
6或商店直接安装

不想编译可走商店：Chrome Web Store、Microsoft Edge Add-ons、Firefox Add-ons 搜索 FeHelper 安装即可。

如何确认成功

浏览器扩展页出现 FeHelper 且工具栏显示图标，点击能打开工具箱；源码方式下 npm test 无报错即环境正常。

常见问题

Q：不想编译源码，怎么最快用上？

A：直接到 Chrome Web Store、Microsoft Edge Add-ons 或 Firefox Add-ons 搜索安装，也可去 Chrome-Stats 下载 CRX / ZIP 后拖拽到扩展页离线安装。

Q：本地加载扩展时应该选哪个目录？

A：README 明确要求选择仓库中的 apps 目录，而不是项目根目录，选错会导致加载失败。

Q：支持哪些浏览器？

A：支持 Chrome、Edge 和 Firefox，扩展基于 Manifest V3，2012 年至今持续维护。

Q：构建或安装过程报错怎么办？

A：README 未给出排错步骤，可携带报错信息到 GitHub Issues（github.com/zxlie/FeHelper/issues）反馈。

注意事项

源码安装需要 Node.js 环境，README 未指定具体版本，建议使用较新的 LTS 版本。
本地加载前必须先执行 npm run build，并确保已开启浏览器开发者模式。
商店版扩展 ID 为 pkgccpejnmalmdinmhkkfafefagiiiad，可用于识别是否装对。

核心亮点

集成 JSON 格式化、代码压缩、图片转 Base64 等 20+ 工具，一站式解决常见需求
支持三大主流浏览器，覆盖更广用户群体
界面简洁，操作路径短，工具切换流畅

不足之处

部分工具功能深度有限，复杂场景需依赖专业软件
文档/社区待观察

适用场景

前端开发中快速格式化接口返回的 JSON 数据
需要将图片转为 Base64 编码用于 CSS 或 HTML 嵌入
调试时压缩或美化 JS/CSS 代码以定位问题

替代项目

JSON Viewer、Web Developer、Octotree

项目介绍

FeHelper 是对话助手领域的开源项目，由 zxlie 开发，2013 年首次发布。

在全站 13,014 个收录项目中，它的 GitHub 星标数（5,672）位列前 8%，在对话助手分类的 905 个项目里位列前 6%。

近 44 天，它的 GitHub 星标从 5,652 增加到 5,672，净增 20。

项目保持着较活跃的维护节奏，最近一次代码更新于 2026-09-21。浏览器扩展工具，完全免费，无付费版本。从国内网络环境看，可直接访问。

它主要面向的使用场景是：前端开发中快速格式化接口返回的JSON数据。同类可对比的替代方案包括 JSON Viewer、Web Developer、Octotree。

上一篇：bia-bob

下一篇：chat