【Chrome插件】使用FE助手-百度WEB前端助手

WEB前端助手(FeHelper)

FeHelper,Chrome浏览器插件,包含一些前端实用的工具,欢迎安装使用!
个人最喜欢的工具之一,从jso格式化到字符串编解码,从代码优化到页面取色,几乎包含了所有你想用的功能。

墙裂推荐!!!!

FeHelper–弹出菜单

插件入口,点击ICON,插件相关的所有功能都会在这里列出来,在popup中选择所需使用的功能即可使用

代码美化

包括Javascript代码美化、CSS代码美化、HTML代码美化;其实所有C系的代码,都可以通过Javascript代码美化工具进行格式化查看
代码压缩
包括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压缩等等

Pycharm 2017 Active激活
IntelliJ IDEA 2017激活
【Chrome插件】使用FE助手-百度WEB前端助手
Charles 最新版(Charles 4.1.4 ) 破解注册

你可能感兴趣的:(软件工具,Charles,chrome插件)