WEB前端助手,前端人员的最全工具箱

发布者 : okay

1074

2018-11-06

WEB前端助手,前端人员的最全工具箱

1541494176932879.pngWEB前端助手(FeHelper)


1541494228803156.jpg


曾被掘金推荐过的前端实用工具集,谁用谁知道!


FeHelper由国人开发,基本涵盖了前端经常会使用到的所有基础功能:包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成与解码、编码规范检测、页面性能检测、页面取色、Ajax接口调试。


由于是国产插件,因此使用起来也很顺手,非常方便,并不是那种中看不中用的花架子。


1541494412169131.jpg


FeHelper安装成功后,点击扩展图标即可唤出功能菜单,在弹出菜单中选择所需使用的功能即可使用。


  • 功能介绍


一、代码美化


包括Javascript代码美化、CSS代码美化、HTML代码美化;其实所有C系的代码,都可以通过Javascript代码美化工具进行格式化查看


1541494699243293.jpg


二、代码压缩


包括Web前端Javascript代码压缩、CSS代码压缩、HTML代码压缩


三、JSON接口自动格式化查看


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


四、JSON查看器


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


五、字符串编解码


包括Unicode编码和解码、UTF-8字符串编码和解码、Base64字符串编解码、字符串MD5编码,前端非常实用的工具


六、图片Base64编码


对图片文件进行base64编码,直接拷贝datauri格式的数据


七、二维码生成器


能对网址、普通文本内容、电话号码、通讯录、短信等编码并生成二维码,很实用的二维码生成工具


八、Tracker(Javascript嗅探器)


协助了解目标网页中 JavaScript 的运行情况,包括:执行覆盖率、执行行数、是否存在执行或语法错误等信息Tracker官网


九、时间(戳)转换工具


支持任意时间到对应时间戳的转换;支持任意时间戳到对应日期的转换


十、正则表达式工具


提供一个正则表达式的及时测试工具,并能将匹配结果进行高亮显示、高亮定位等;同时还罗列了一些常用的正则表达式供开发者使用


十一、页面取色工具


提供一个网页取色的工具,任意页面均可使用,方便大家在开发过程中能精准获取某元素的颜色值,再也不用截图后再通过Photoshop取色了


十二、编码规范检测


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


十三、页面性能检测


对当前页面的性能进行检测,如HTTP响应时间、页面渲染时间、是否启用gzip压缩等等


FeHelper目前在chrome商店里拥有接近20万用户,依然保持全五星的好评,评价相当不错,开发者的更新速度也比较快,上次更新就在两天前,可见还是一款比较用心的插件了。

最新评论
更多评论
没有更多了