Web前端助手(FeHelper)

文章首发于柏梓涵的官方网站

获取地址:

Chrome扩展商城

国内地址

安装方法

Chrome扩展商城下载不需要看此方法。

下载当前最新版*.crx;

chrome浏览器地址栏输入:chrome://extensions/ 并打开;

右上角开启开发者模式;

拖拽crx到当前页面,完成安装。

功能简介

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常用功能!

关注我的微信公众号

微信公众号:柏战不殆
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 门前有一条小溪,从西边的山脚流向东边远处的大海,说它是小溪,其实也算是臭水沟,溪壁上就有很多个下水道的出口。艳阳高...
    阿柏川川阅读 1,747评论 0 0
  • 一个人独处时,需要面对的多在于感情和精神上的问题,而感情和精神又往往立足于现实物质。所以对于单身人而言,空虚不仅表...
    遗弃小屋阅读 4,328评论 0 0
  • 1.冒泡排序(元素找位置) 思想 :每次相邻比较符合就交换 核心代码: 2.选择排序(位置找元素) 思想:和冒泡一...
    本哥的星辰阅读 3,921评论 0 0

友情链接更多精彩内容