An open API service indexing awesome lists of open source software.

https://github.com/zxlie/fehelper

😍FeHelper--Web前端助手(Awesome!Chrome & Firefox & MS-Edge Extension, All in one Toolbox!)
https://github.com/zxlie/fehelper

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

Last synced: 19 days ago
JSON representation

😍FeHelper--Web前端助手(Awesome!Chrome & Firefox & MS-Edge Extension, All in one Toolbox!)

Awesome Lists containing this project

README

        

# FeHelper For Chrome, Firefox & MS-Edge

FeHelper是一个功能强大的浏览器扩展,专为前端开发者设计,集成了多种实用工具,帮助开发者提高工作效率。无论是JSON数据处理、二维码生成与解码,还是代码美化与压缩,FeHelper都能为您提供便捷的解决方案。

![FeHelper](https://user-images.githubusercontent.com/865735/75407628-7399c580-594e-11ea-8ef2-00adf39d61a8.jpg)

[![Google Chrome](https://img.shields.io/chrome-web-store/v/pkgccpejnmalmdinmhkkfafefagiiiad.svg?logo=Google%20Chrome&logoColor=red&color=blue)](https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad)
[![Google Chrome](https://img.shields.io/chrome-web-store/stars/pkgccpejnmalmdinmhkkfafefagiiiad.svg?logo=Google%20Chrome&logoColor=red&color=blue)](https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad)
[![Google Chrome](https://img.shields.io/chrome-web-store/users/pkgccpejnmalmdinmhkkfafefagiiiad.svg?logo=Google%20Chrome&logoColor=red&color=blue)](https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad)

## 一、功能展示

![Web前端助手-FeHelper](https://user-images.githubusercontent.com/865735/75407048-020d4780-594d-11ea-9dd6-48f6d5774c2f.png)

## 二、贡献指南

我们欢迎社区的贡献!如果您有兴趣参与FeHelper的开发,请按照以下步骤进行:

1. Fork本仓库并克隆到本地。
2. 创建一个新的分支:`git checkout -b feature/YourFeature`
3. 提交您的更改:`git commit -m 'Add some feature'`
4. 推送到分支:`git push origin feature/YourFeature`
5. 创建一个Pull Request。

## 三、官网地址
https://www.baidufe.com/fehelper/index/index.html

### 1、扩展示例
![Web前端助手-FeHelper](https://user-images.githubusercontent.com/865735/75407048-020d4780-594d-11ea-9dd6-48f6d5774c2f.png)

### 2、关于新版
- 新版本的FeHelper,是以开放平台为思路的设计,详细了解FeHelper新版,可以参考链接:
- [FeHelper-开放平台版介绍文档](/README_NEW.md)
- [开放平台思路下的FeHelper-阿烈叔的博客](https://www.baidufe.com/item/5b1e07d6f5106b6907bc.html)
- 新版本FeHelper在一个新的`私有仓储`,待打磨得足够细腻了,再考虑开源

![FeHelper新版](https://user-images.githubusercontent.com/865735/75334978-b5315e80-58c3-11ea-9af0-e593149b0f7c.png)

## 四、功能详细介绍

FeHelper是一个功能强大的开发者工具,专为前端开发者设计,集成了多种实用工具,帮助开发者提高工作效率。以下是FeHelper的主要功能:

- **JSON工具**:
- **JSON美化工具**:自动检测并格式化JSON数据,支持手动格式化、乱码解码、排序、BigInt处理、编辑、下载和皮肤定制等功能,极大地方便了开发者对JSON数据的处理。
- **JSON比对工具**:支持两个JSON内容的自动键值比较,并高亮显示差异点,帮助开发者快速识别数据变化。

- **二维码工具**:
- **二维码生成器**:支持自定义颜色和icon的二维码生成,适用于多种应用场景。
- **二维码解码器**:支持多种模式的二维码解码,包括截图后粘贴解码,方便快捷。

- **编码工具**:
- **字符串编解码**:支持多格式的信息编解码,如Unicode、UTF-8、URL、Base64、MD5等,满足不同编码需求。
- **代码美化工具**:支持多语言的代码美化,包括Javascript、CSS、HTML、XML、SQL,帮助开发者保持代码整洁。
- **代码压缩工具**:提供简单的代码压缩功能,支持HTML、Javascript、CSS代码压缩,优化网页加载速度。

- **开发者工具**:
- **AI助手**:由AI强力支撑的超智能对话工具,支持代码编写、改代码、做方案设计等,提升开发效率。
- **简易Postman**:接口调试工具,支持GET/POST/HEAD请求方式,自动格式化JSON内容,简化API测试流程。
- **Websocket工具**:支持对Websocket接口的抓包测试,包括ws服务的连接测试、消息发送测试、结果分析等。

- **其他工具**:
- **时间(戳)转换**:本地化时间与时间戳之间的相互转换,支持秒/毫秒、世界时区切换、各时区时钟展示等。
- **随机密码生成**:将各种字符进行随机组合生成密码,支持指定长度和字符类型,确保密码安全性。
- **我的便签笔记**:便签笔记工具,支持创建目录对笔记进行分类管理,笔记支持一键导出/导入,方便信息管理。
- **Markdown转换**:Markdown编写/预览工具,支持HTML片段直接转Markdown,支持将内容以PDF格式进行下载。
- **网页截屏工具**:可对任意网页进行截屏,支持可视区域截屏、全网页滚动截屏,最终结果可预览后再保存。
- **页面取色工具**:可直接在网页上针对任意元素进行色值采集,将光标移动到需要取色的位置,单击确定即可。

FeHelper不仅功能强大,而且易于使用,是前端开发者的得力助手。更多工具和详细介绍请访问[FeHelper官网](https://www.baidufe.com/fehelper/index/index.html)。

## 五、扩展安装地址

### 1、Chrome web store地址(推荐)
https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad?hl=zh-cn

- 官网安装,你可能需要额外的梯子
- [谷歌访问助手(官方正式版)](http://www.ggfwzs.com/)
- [谷歌访问助手(发烧友破解版)](https://github.com/haotian-wang/google-access-helper)

### 2、Microsoft Edge Addons
https://microsoftedge.microsoft.com/addons/detail/feolnkbgcbjmamimpfcnklggdcbgakhe?hl=zh-CN

- 如果你在使用Microsoft Edge浏览器的话,`可以直接安装`,不用翻墙

### 3、Firefox Add-ons
- FeHelper官网一键安装: https://www.baidufe.com/fehelper/index/index.html
- GitHub下载xpi安装:[点击进入下载页](/apps/static/screenshot/xpi)

### 4、crx文件下载=>本地安装(Chrome)
- 官网下载:https://www.baidufe.com/fehelper
- 翻墙下载:https://chrome-extension-downloader.com/?extension=pkgccpejnmalmdinmhkkfafefagiiiad
- 本站下载:[点击进入下载页](/apps/static/screenshot/crx)

## 六、使用方法

使用FeHelper时,请遵循以下最佳实践,以确保安全和高效:

1. **从可信来源安装**:
- 确保只从官方浏览器商店(如Chrome Web Store)安装FeHelper,以避免潜在的安全风险。

2. **定期检查和更新**:
- 定期检查FeHelper的更新,以确保使用最新版本,获得最新的功能和安全修复。

3. **管理权限**:
- 在安装FeHelper时,仔细查看所请求的权限,确保它们与扩展的功能相符。

4. **安全使用**:
- 只安装必要的扩展,避免过多的扩展增加攻击面。

5. **用户反馈和支持**:
- 如果在使用FeHelper时遇到问题或有建议,及时通过提供的反馈渠道联系开发者。

通过遵循这些指南,您可以更安全、更高效地使用FeHelper,充分发挥其强大的功能。

## 七、用户反馈渠道
- 在线反馈:https://www.baidufe.com/fehelper/feedback.html
- Mail反馈:[email protected]
- Wechat反馈:398824681

![阿烈叔的个人微信](https://user-images.githubusercontent.com/865735/75407547-3cc3af80-594e-11ea-9abf-6168b94547a1.png)

## 八、使用推荐与案例

FeHelper在开发者社区中广受好评,以下是一些使用推荐和案例:

1. **接口调试工具**: FeHelper被誉为强大的接口调试工具,支持模拟各种HTTP请求,保存cookie等信息,详情请参阅[CSDN博客](https://blog.csdn.net/fuhanghang/article/details/84592480)。

2. **功能丰富的插件**: FeHelper支持多种浏览器,提供JSON格式化、代码美化与压缩等功能,更多信息请访问[CSDN博客](https://blog.csdn.net/weixin_42272869/article/details/124412501)。

3. **前端开发测试利器**: FeHelper包含字符串编解码、代码美化、JSON格式化查看等前端实用工具,详见[博客园](https://www.cnblogs.com/oycyqr/p/8867362.html)。

4. **网页源码压缩**: FeHelper在网页html源码压缩、css或javascript的压缩方面表现出色,更多内容在[阿里云开发者社区](https://developer.aliyun.com/article/710232)。

5. **前端必备插件**: FeHelper被推荐为前端必备的Chrome插件,详情请查看[稀土掘金](https://juejin.cn/post/6854573211590836231)。

## 九、一些样例
- [点击进入查看>>](/apps/static/screenshot/crx)