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插件展示:

很清晰有木有???

安装前端插件 FeHelper相关推荐

  1. [Web前端工具篇]Sublime 3安装Markdown插件

    1.简介 今天这边文章主要还是写如何离线安装Markdown插件 2.安装流程 2.1 下载官方软件 Sublime Text 3 官网 2.2 PackageControl 插件的安装 Packag ...

  2. sublime text3 前端插件介绍

    Emmet插件 Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件 它让编写HTML代码变得极其简单高效 基本用法:输入标签简写形式,然后按Tab键 关于Emmet的更多介绍 ...

  3. 【ElasticSearch系列】简单谈谈kibana-由安装marvel插件而来

    为什么80%的码农都做不了架构师?>>>    前提: 前面已经有一篇文章介绍了ES插件的安装,其中提到了marvel插件.说实话marvel的插件安装并不是那么简单,倒不是因为难, ...

  4. chrome 69 免安装_ElasticSearch安装elasticsearch-head插件

    一.前言 elasticsearch-head是用于浏览Elastic Search集群并与其进行交互的Web前端,也算必备插件了 项目git地址(https://github.com/mobz/el ...

  5. Eclipse安装TestNG插件

    Eclipse安装TestNG插件 TestNG是什么? TestNG按照其文档的定义是: TestNG是一个测试框架,其灵感来自JUnit和NUnit的,但引入了一些新的功能,使其功能更强大,使用更 ...

  6. Elasticsearch5中安装Elasticsearch-head插件

    介绍 elasticsearch-head是一个用于管理Elasticsearch的web前端插件,搞过ES的同学应该都了解.该插件在es5中可以以独立服务的形式进行安装使用.本文将介绍如何操作. 相 ...

  7. Chrome 前端 插件

    本文内容都来源于偶整理的fetool. 想让更多使用Chrome的小伙伴,体验到这些令人愉悦的小工具,所以单独整理了这篇文章. 如果你是 前端/服务端/设计/面向Github编程/视觉控,相信下列的插 ...

  8. idea svn插件离线安装_idea离线安装lombock插件

    技术交流群:233513714 安装过程 1.首先找到插件包 插件包可以在两个地方下载,分别是IDEA的官方插件仓库和GitHub里lombok-intellij-plugin仓库中的release包 ...

  9. 3ds Max 2014安装SupperMap 插件

    3ds Max 2014安装SupperMap 插件 刚接触超图,接到一个任务:将.3ds.Max.obj格式的建筑白模文件发布三维地图服务,作为小白的我,搜罗这种资料,去超图技术论坛提问,得到的解决 ...

  10. 如何安装ATOM插件?

    安装 atom 插件 Atom 提供了相对比较简单的图形界面的安装插件.但是在我的实际操作过程中,发现比较难安装上,可能是因为墙的原因,又或者是因为我身处祖国的大西北,网络条件比较差的缘故.图形界面的 ...

最新文章

  1. Hibernate的generator属性之意义【转】
  2. c语言 lis的nlogn算法,ACM竞赛高级算法讲义.doc
  3. PAT甲级题目翻译+答案 AcWing(进位制)
  4. 原生js来实现对dom元素class的操作方法
  5. 常用公有云接入——亚马逊
  6. 《Linux 就是这个范儿 - 阅读笔记2》 融于心而表于行(1)
  7. MyBatis+Oracle实现主键自增长
  8. 张亚勤新作《变革中的思索》谈高科技人才管理
  9. 2022年寒假ACM练习2(待补题)
  10. 【天梯选拔月赛】二叉树上我和你(中序+先序建树+bfs(队列)----水题)
  11. # 18医工独家|学习方法分享·学游戏打英语
  12. 人工智能的味道 - 图像风格迁移 by Python
  13. 信阳毛尖大山茶、高山茶、小山茶的辨别
  14. LLJ-300HS;LLJ-F(S)系列漏电继电器
  15. IAR报错could not find the following source file
  16. 图像识别(二)| 图像的色彩空间
  17. 什么是数据库?数据库的作用想学数据库必看 (1)
  18. 复旦MBA:热情从未消退,让这场云端盛会点燃你的斗志
  19. 贪心绝对值不等式-货仓选址
  20. 《RA-UNet: A hybrid deep attention-aware network to extract liver and tumor in CT scans》

热门文章

  1. 盘点:2012中国互联网大会十大亮点
  2. Java设计模式 -8- 适配器模式(Adapter模式)
  3. STM32解码EM4100的曼彻斯特编码(库函数版本)
  4. Windows10 快捷方式失效
  5. c语言5的阶乘流程图_求n流程图(求n的阶乘的算法框图)
  6. 多传感器融合理论及其应用——2
  7. Windows 10 下使用 VMPlayer 16 新建 CentOS 7 64位 虚拟机
  8. 软件项目管理第四课—投标项目需求分析和应答
  9. 高仿一元云购IOS应用源码项目
  10. 隐式差分方程组差分法matlab,一维扩散方程的有限差分法matlab