【浏览器插件】WEB前端助手(FeHelper)

版本：6.3 下载地址（crx文件）

WEB前端助手(FeHelper)：包括字符串编解码、图片Base64编码、代码压缩工具、代码美化工具、JSON格式化、Js正则表达式、时间（戳）转换、二维码生成器、编码规范检测、页面性能检测、栅格检测、JS运行效率分析、Js覆盖面检测等。

一、前端编码规范自动检测
1、HTML方面完成如下检测
2、CSS方面完成如下检测
3、Javascript方面完成如下检测
4、Javascript执行效率覆盖式检测
二、统计并查看网页加载时间
1、网页加载耗时
2、网页Http Response Header分析
三、字符串编解码小工具
1、Unicode编解码
3、UTF-8编解码
3、Base64编解码
四、JSON格式化查看器
五、代码格式化工具
六、代码压缩工具
七、QR码生成器
八、Unix时间戳和当地时间之间的互相转换
九、正则表达式测试工具（附常用的正则表达式列表）

WEB前端助手功能简介

FeHelper弹出菜单

点击“FE”图标，插件相关的所有功能都会在这里列出来，在弹出菜单中选择所需使用的功能。

代码美化工具

包括JavaScript代码美化、CSS代码美化、HTML代码美化：在输入框中粘贴需要进行美化的代码，点击“格式化”按钮；（其实，所有C系代码都可以通过Javascript代码美化工具进行格式化）

代码压缩工具

包括Web前端JavaScript代码压缩、CSS代码压缩、HTML代码压缩：在第一个输入框中粘贴需要进行压缩的代码，点击“压缩”按钮，压缩后的代码将在第二个输入框中显示；

JSON接口自动格式化查看

当你访问的接口（打开的页面）返回的是一个JSON格式的数据，FeHelper会自动将内容进行格式化处理，便于您的查看

JSON查看器

把你的JSON代码粘贴到JSON查看器的输入框中，点击“格式化”，在下方便会以非常友好的方式列出JSON数据，便于查看

字符串编解码

包括Unicode编码，Unicode解码，UTF-8编码，UTF-8解码，Base64编码，Base64解码，MD5编码：在输入框中粘贴需要进行编解码的字符串，点击“转换”按钮；

图片Base64编码

对图片文件进行Base64编码，直接拷贝Data URI格式的数据：点击“选择图片”或拖拽图片；

二维码生成器

能对邮件地址、文本内容、电话号码、通讯录、短信&彩信等编码并生成二维码：可设置尺寸、颜色和图标（不要/默认/上传：支持直接拖拽一个图标到页面），点击“生成QR图”，即可生成二维码；

Tracker（Javascript嗅探器）
协助您了解目标网页中 JavaScript 的运行情况，包括：执行覆盖率、执行行数、是否存在执行或语法错误等信息Tracker官网
时间（戳）转换工具
支持任意时间到对应时间戳的转换；支持任意时间戳到对应日期的转换
正则表达式工具
提供一个正则表达式的及时测试工具，并能将匹配结果进行高亮显示、高亮定位等；同时还罗列了一些常用的正则表达式供开发者使用

编码规范检测

对当前网页进行JavaScript、CSS、HTML编码规范的检测，包括文件是否压缩、标签是否正确闭合、cookie管理等等

页面性能检测

页面各阶段耗时统计：DNS解析，建立连接，等待响应，接收响应，内容加载，页面渲染；

页面HTTP Header统计。

栅格规范检测
如果您的页面是基于栅格系统而开发的（如960gs），这个简单的工具能很好的帮助您分析栅格对齐是否规范

开发者：zhaoxianlie

WEB前端助手官网：www.baidufe.com/fehelper