FeHelper

对于Web前端开发者来说，日常工作中难免会遇到需要格式化一串杂乱的JSON数据、压缩一段CSS代码、或者将某段文字转换成二维码的场景。情况下，我们会打开浏览器搜索“在线JSON格式化工具”或类似的网站，但这些网站往往充斥着广告，使用体验参差不齐。

FeHelper正是为了解决这个痛点而生。作为一款开源的浏览器插件，它将这些零散的“小工具”直接搬到了浏览器右上角。无论是处理数据还是分析页面性能，点击图标即可呼出工具面板，所有操作都在本地完成，既保护了数据隐私，也摆脱了对网络的依赖。它就像是一个随叫随到的“前端助理”，默默地在后台准备就绪，随时响应开发者的需求。

官网入口地址

https://www.baidufe.com/fehelper

下载地址

由于不同浏览器的应用商店政策不同，FeHelper的获取方式主要如下：

1. Chrome浏览器：用户可直接访问Chrome网上应用店搜索“FeHelper”进行安装。如果无法访问，可从GitHub项目页或相关浏览器插件下载站下载crx文件进行手动安装。

2. Microsoft Edge浏览器：在Edge外接程序商店中搜索“Fehelper”即可一键安装。

3. Firefox浏览器：在Firefox附加组件（Add-ons）商店中搜索安装。

功能介绍

FeHelper的功能矩阵非常丰富，主要可以分为几个核心模块：

1. JSON处理利器
这是FeHelper最核心的功能之一。它支持自动检测网页中的JSON数据并一键格式化，同时也支持手动输入代码片段进行解析。对于复杂的JSON数据，它还提供比对功能，方便开发者找出两段数据之间的差异。在处理过程中，支持大数据量处理，不会因为数据量大而导致浏览器卡死。

2. 代码美化与压缩
无论是杂乱的HTML、CSS，还是混淆压缩过的JavaScript，FeHelper都能将一键“格式化”成结构清晰、易于阅读的代码。反之，它也能将写好的代码进行压缩，常用于模拟线上环境或减少代码体积。该功能通过AST（抽象语法树）进行解析，确保了压缩过程的准确性，不会破坏原有的代码逻辑。

3. 编码与解码工具
内置了多种加密编码工具，包括Unicode、UTF-8、Base64的编码解码，以及MD5哈希计算。这在处理接口返回数据或者前后端联调时非常实用，无需再专门去找转换工具。

4. 网页调试与分析

• Ajax抓包调试：可以在控制台捕获并查看页面的Ajax请求详情，辅助调试接口问题。

• 页面性能检测：检测页面的加载时间、HTTP响应头等信息，帮助开发者定位性能瓶颈。

• 编码规范检测：对HTML、CSS、JS代码进行规范检测，帮助团队保持代码风格统一。

5. 辅助小工具集

• 二维码生成与解码：支持将当前页面网址或输入的内容生成二维码，也支持识别网页中的二维码图片内容。

• 图片Base64转换：将本地图片一键转换成DataURI格式，方便直接嵌入CSS或HTML中。

• 正则表达式测试：提供正则编写与测试环境，内置常用正则表达式列表。

• 时间戳转换：支持Unix时间戳与标准时间的双向转换。

• 便签笔记：提供一个简单的便签板，方便随手记录待办事项。

6. 网页自动化与定制
允许用户创建“猴子”脚本，通过设置简单的规则实现网页的自动刷新、样式定制等操作，提高重复性工作的效率。

应用场景

• 前后端接口联调：当后端返回的JSON数据未格式化时，使用FeHelper一键美化，瞬间看清数据结构；使用Ajax抓包功能排查接口参数是否传递正确。

• 日常样式微调：在调试CSS样式时，使用代码美化功能快速整理压缩过的样式表；使用页面取色工具快速获取页面元素的颜色代码。

• 移动端开发配合：将本地调试的IP地址或在线链接通过FeHelper生成二维码，手机扫码即可实时预览，无需手动输入长长的URL。

• 文档编写与阅读：当README文档中需要展示代码块时，使用代码美化功能处理代码；利用Markdown转换功能快速预览文档效果。