安装前端插件 FeHelper

1、简介

功能介绍

• FeHelper–弹出菜单
  插件入口，点击ICON，插件相关的所有功能都会在这里列出来，在popup中选择所需使用的功能即可使用
• JSON接口自动格式化查看
  当你访问的接口（打开的页面）返回的是一个JSON格式的数据，FeHelper会自动将内容进行格式化处理，便于您的查看
• JSON查看器
  把你的JSON代码粘贴到JSON查看器的输入框中，点击“格式化”，在下方便会以非常友好的方式列出JSON数据，便于查看
• 代码美化
  包括Javascript代码美化、CSS代码美化、HTML代码美化；其实所有C系的代码，都可以通过Javascript代码美化工具进行格式化查看
• 代码压缩
  包括Web前端Javascript代码压缩、CSS代码压缩、HTML代码压缩
• 字符串编解码
  包括Unicode编码和解码、UTF-8字符串编码和解码、Base64字符串编解码、字符串MD5编码，前端非常实用的工具
• 图片Base64编码
  对图片文件进行base64编码，直接拷贝datauri格式的数据
• 二维码生成器
  能对网址、普通文本内容、电话号码、通讯录、短信等编码并生成二维码，很实用的二维码生成工具
• 二维码解码
  针对网页上的二维码，点击右键，选择【二维码解码】，可在当前页面直接看到解码结果！
• 全网页截图
  针对整个网页进行滚动截屏，在新窗口可预览后再手动保存
• 时间（戳）转换工具
  支持任意时间到对应时间戳的转换；支持任意时间戳到对应日期的转换
• 正则表达式工具
  提供一个正则表达式的及时测试工具，并能将匹配结果进行高亮显示、高亮定位等；同时还罗列了一些常用的正则表达式供开发者使用
• 页面取色工具
  提供一个网页取色的工具，任意页面均可使用，方便大家在开发过程中能精准获取某元素的颜色值，再也不用截图后再通过Photoshop取色了
• 编码规范检测
  对当前网页进行Javascript、CSS、HTML编码规范的检测，包括文件是否压缩、标签是否正确闭合、cookie管理等等
• 页面性能检测
  对当前页面的性能进行检测，如HTTP响应时间、页面渲染时间、是否启用gzip压缩等等
• FeHelper配置页
  在这里，你可以随意定制属于你自己的FeHelper常用功能！

2、安装

点击右上角的三个点——>更多工具——>扩展程序，如下，点击：扩展程序，然后：打开 Chrome 网上应用店


然后在下面输入你需要下载的插件即可：

此处我已加载过了：

安装好后：

下面为无FeHelper插件：

下面为有FeHelper插件展示：

很清晰有木有？？？