安装前端插件 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插件展示:
很清晰有木有???
安装前端插件 FeHelper相关推荐
- [Web前端工具篇]Sublime 3安装Markdown插件
1.简介 今天这边文章主要还是写如何离线安装Markdown插件 2.安装流程 2.1 下载官方软件 Sublime Text 3 官网 2.2 PackageControl 插件的安装 Packag ...
- sublime text3 前端插件介绍
Emmet插件 Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件 它让编写HTML代码变得极其简单高效 基本用法:输入标签简写形式,然后按Tab键 关于Emmet的更多介绍 ...
- 【ElasticSearch系列】简单谈谈kibana-由安装marvel插件而来
为什么80%的码农都做不了架构师?>>> 前提: 前面已经有一篇文章介绍了ES插件的安装,其中提到了marvel插件.说实话marvel的插件安装并不是那么简单,倒不是因为难, ...
- chrome 69 免安装_ElasticSearch安装elasticsearch-head插件
一.前言 elasticsearch-head是用于浏览Elastic Search集群并与其进行交互的Web前端,也算必备插件了 项目git地址(https://github.com/mobz/el ...
- Eclipse安装TestNG插件
Eclipse安装TestNG插件 TestNG是什么? TestNG按照其文档的定义是: TestNG是一个测试框架,其灵感来自JUnit和NUnit的,但引入了一些新的功能,使其功能更强大,使用更 ...
- Elasticsearch5中安装Elasticsearch-head插件
介绍 elasticsearch-head是一个用于管理Elasticsearch的web前端插件,搞过ES的同学应该都了解.该插件在es5中可以以独立服务的形式进行安装使用.本文将介绍如何操作. 相 ...
- Chrome 前端 插件
本文内容都来源于偶整理的fetool. 想让更多使用Chrome的小伙伴,体验到这些令人愉悦的小工具,所以单独整理了这篇文章. 如果你是 前端/服务端/设计/面向Github编程/视觉控,相信下列的插 ...
- idea svn插件离线安装_idea离线安装lombock插件
技术交流群:233513714 安装过程 1.首先找到插件包 插件包可以在两个地方下载,分别是IDEA的官方插件仓库和GitHub里lombok-intellij-plugin仓库中的release包 ...
- 3ds Max 2014安装SupperMap 插件
3ds Max 2014安装SupperMap 插件 刚接触超图,接到一个任务:将.3ds.Max.obj格式的建筑白模文件发布三维地图服务,作为小白的我,搜罗这种资料,去超图技术论坛提问,得到的解决 ...
- 如何安装ATOM插件?
安装 atom 插件 Atom 提供了相对比较简单的图形界面的安装插件.但是在我的实际操作过程中,发现比较难安装上,可能是因为墙的原因,又或者是因为我身处祖国的大西北,网络条件比较差的缘故.图形界面的 ...
最新文章
- Hibernate的generator属性之意义【转】
- c语言 lis的nlogn算法,ACM竞赛高级算法讲义.doc
- PAT甲级题目翻译+答案 AcWing(进位制)
- 原生js来实现对dom元素class的操作方法
- 常用公有云接入——亚马逊
- 《Linux 就是这个范儿 - 阅读笔记2》 融于心而表于行(1)
- MyBatis+Oracle实现主键自增长
- 张亚勤新作《变革中的思索》谈高科技人才管理
- 2022年寒假ACM练习2(待补题)
- 【天梯选拔月赛】二叉树上我和你(中序+先序建树+bfs(队列)----水题)
- # 18医工独家|学习方法分享·学游戏打英语
- 人工智能的味道 - 图像风格迁移 by Python
- 信阳毛尖大山茶、高山茶、小山茶的辨别
- LLJ-300HS;LLJ-F(S)系列漏电继电器
- IAR报错could not find the following source file
- 图像识别(二)| 图像的色彩空间
- 什么是数据库?数据库的作用想学数据库必看 (1)
- 复旦MBA:热情从未消退,让这场云端盛会点燃你的斗志
- 贪心绝对值不等式-货仓选址
- 《RA-UNet: A hybrid deep attention-aware network to extract liver and tumor in CT scans》