WEB前端助手(FeHelper)

390

版本: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

当前文章:Search » WEB前端助手(FeHelper)