FeHelper

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

开源 🏷️完全免费 ✅ 目前可打开 对话助手 🍴 复刻 1307 🐛 待处理 7 👀 关注 99
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 5682
维护状态 活跃
是否开源 开源
定价模式 🏷️完全免费 浏览器扩展工具,完全免费,无付费版本。

项目预览

FeHelper 项目界面预览图
图片来源:项目官网

项目数据

分类对话助手
开发团队zxlie
定价模式🏷️完全免费
价格说明浏览器扩展工具,完全免费,无付费版本。
访问状态✅ 目前可打开
是否开源是
开源协议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 星标★ 5682
上线时间2013-03-10 00:00:00
代码更新2026-11-06
仓库体积84.1 MB
本站数据更新2026-11-07
维护状态活跃
收录时间2026-08-09
浏览次数4

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 5682

使用教程

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

环境要求

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

安装与启动步骤

  1. 1获取项目源码

    把 FeHelper 仓库克隆到本地,源码安装方式的第一步;已有压缩包可跳过此步。

    git clone https://github.com/zxlie/FeHelper.git
    cd FeHelper
  2. 2安装依赖

    在项目根目录安装构建所需依赖,需已装好 Node.js 与 npm。

    npm install
  3. 3运行测试

    README 提供的测试命令,用于确认代码与构建环境正常。

    npm test
  4. 4构建扩展

    执行构建命令生成可直接加载的扩展产物,README 要求本地加载前先构建。

    npm run build
  5. 5加载到浏览器

    打开 chrome://extensions/ 或 edge://extensions/,开启开发者模式,点“加载已解压的扩展程序”,选择仓库中的 apps 目录。

  6. 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

上一篇:bia-bob

下一篇:chat

同类项目推荐

Chinese-ChatBot 开源

开箱即用的中文聊天机器人,10万对白训练,直接运行

中文聊天机器人,基于10万组对白训练而成,采用注意力机制,对一般问题都会生成一个有意义···

★ 322 2026-08-09
Miru 开源

本地跑的 AI 伴侣,记得住你,还会主动找你聊天

An open-source AI companion that actually remembers you — runs entirely on your own···

★ 194 2026-09-12
tock 开源

一套工具包,快速构建多平台聊天机器人

Tock, the open source conversational AI toolkit.

★ 611 2026-08-09
DarkGPT 开源

一个网页搞定多种 GPT 模型对话,实时切换不折腾

DarkGPT Chat Explorer is an interactive web application that allows users to engage ···

★ 206 2026-08-09
chatbot 开源

入门级AI聊天机器人,已停更,可作学习参考

An AI Based Chatbot [DEPRECATED]

★ 411 2026-08-09
Sync 开源

把直播弹幕搬进 osu!,边打歌边互动

Sync your Live Channel's Danmaku or Comment to osu! IRC

★ 168 2026-08-09
twitch-bot 开源

用 Node.js 快速搭建 Twitch 聊天机器人,专注互动功能。

Easily create chat bots for Twitch.tv

★ 159 2026-08-09
convostack 开源

拖拽嵌入AI聊天机器人,后端部署一步到位

Plug and play embeddable AI chatbot widget and backend deployment framework

★ 259 2026-08-09
chatty 开源

在浏览器里直接跑大模型,私密聊天不泄露

ChattyUI - your private AI chat for running LLMs in the browser

★ 841 2026-08-09