当前位置: Chrome插件首页 > 开发者插件 > WEB前端助手(FeHelper) Chrome插件

WEB前端助手(FeHelper) Chrome插件

开发者插件

WEB前端助手(FeHelper) Chrome插件图文教程

WEB前端助手(FeHelper)插件概述

WEB前端助手:FeHelper是一款chrome浏览器插件。包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取色等web前端开发的常见功能。
2017-01-20.12.41.19.png

官方网站:https://www.baidufe.com/fehelper

WEB前端助手(FeHelper)插件功能介绍

这款FeHelper插件对于web前端需要处理的网页html源码压缩,css或javascript的压缩都能处理的很好。如果前端web开发人员需要和后台代码工程师配合,那么使用json数据传输的时候,使用这款FeHelper插件能够帮助web前端工程师更加快速地对json进行解码。当web前端程序与后台进行数据交互的时候使用URL编码肯定是必不可少的了,但是我们往往需要预先知道这款字符编码以后的情况,以为与后台开发人员一同提前作出相应处理或对字符发送期间产生的问题进行排查。如果有特殊的情况,FeHelper插件甚至还可以帮助用户把普通的字符直接编码成时下最流行的二维码图片与移动设备交互。好吧,FeHelper的功能有:
  • 字符串编解码(Unicode/UTF8/Base64/MD5)
  • 代码美化工具(HTML/CSS/JS/XML/SQL)
  • 代码压缩工具(HTML/CSS/JS)
  • Json串格式化(粘贴文本、手动格式化)
  • Json页面美化(页面自动检测并格式化,强制开启)
  • 二维码生成器(支持当前页面生成QrCode)
  • 页面取色工具(滑动鼠标随意取色)
  • Js正则表达式(正则测试、常用正则列表)
  • 时间(戳)转换(Unix戳与本地时间的互转)
  • 图片 Base64(任意图片转DataURI格式)
  • 编码规范检测(HTML/CSS/JS规范检测)
  • 页面性能检测(页面响应时间、Header监测)
  • Ajax调试功能(需在控制台中使用)

WEB前端助手(FeHelper)插件下载安装

1.如果你的chrome应用商店无法打开,你从本站或者其他途径获得了Jsonview插件,那么就选择离线安装该插件。由于Jsonview插件同其他chrome插件一样都是CRX格式的,所以具体的安装方法请参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

Jsonview插件使用方法

WEB前端助手(FeHelper)插件使用说明

1.在chrome浏览器安装好FeHelper插件后,在右下角增加设置入口,点击进入配置界面

2.安装成功后,需要先配置界面,如下图所示:

2017-01-20.12.43.32.png

默认各功能都打开(不影响刚升级用户的使用),另外,所有功能都可以☑️勾选或者取消勾选,以实现功能的开启和停用;如上,取消掉几个功能,然后点击改好了进行保存!

3 配置成功后的功能,就可以开始使用FeHelper了。

4.使用web前端助手插件将字符串生成二维码图片,操作方法如下:以www.cnplugins.com为例
生成二维码
5.在菜单列表中选择字符串编解码选项,打开网页字符串编码与解码的工具页面,并把需要编码或者解码的字符串输入到对应的文本框中并选择一种编解码,然后点击转换按钮就可以在下方看到转换后的字符,如下图所示:

 

WEB前端助手(FeHelper)插件相关推荐

1.Emmet LiveStyle:实时高效的CSS编辑器 
2.JSONView:web开发格式化和高亮插件 
3.网页开发调试工具:JetBrains IDE Support 
4.React开发者工具-React Developer Tools 
5.Vue.js devtools:调试vue.js应用的浏览器扩展 
6.XPath Helper:chrome爬虫网页解析工具 


查看更多

WEB前端助手(FeHelper) Chrome插件图片

  • WEB前端助手(FeHelper)插件图片

WEB前端助手(FeHelper)基本信息

插件名称:WEB前端助手(FeHelper) 插件作者: 插件语言:中文 (简体) 官方站点:暂无官方站点 插件唯一标识:pkgccpejnmalmdinmhkkfafefagiiiad

WEB前端助手(FeHelper)用户数和评分

下载次数:24166 用户评分:4.76056 (共5分) 参与评分人数:71

WEB前端助手(FeHelper)文件信息

当前版本:8.8 最后更新日期:2020-07-08 文件大小:431KiB

WEB前端助手(FeHelper)下载地址

WEB前端助手(FeHelper)相关插件

AlloyDesigner - 前端重构开发辅助工具

开发者插件 2019-10-28 14:49:24

AlloyDesigner是来自Tencent AlloyTeam的前端开发工具,其只出现开发阶段的一定时期,可以在制作时期,也可以在开发测试期,旨在提高前端开发的效率,获得更加便捷的开发体验。

Page Ruler - chrome屏幕尺子插件

开发者插件 2019-02-22 16:40:30

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速

WEB前端助手(FeHelper)

开发者插件 2019-01-25 22:37:24

WEB前端助手:FeHelper是一款chrome浏览器插件。包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取

推荐十二款Web开发必备的Chrome插件

聚合专题 2019-02-20 11:41:00

之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序。这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流

WEB前端助手(FeHelper)同类插件推荐

HTTP Request Blocker v1.0.2 Chrome插件

开发者插件 2019-11-22 12:36:20

基于 URL 模式阻止 HTTP 请求。
图案必须符合本规范: https://developer.chrome.com/extensions/match_patterns。源代码可从以下网址获得: https://github.com/wolfascu/ChromeHttpRequestBlocker

Responsive Web Design Tester Chrome插件

开发者插件 2015-11-03 17:18:35

响应式网页设计测试仪是一种快速简便的方法来测试你的反应灵敏的网站。
测试你的移动网站在移动设备上。
这个扩展既反映了大小和移动设备的浏览器。

Form Editor Chrome插件

开发者插件 2015-03-17 18:48:58

一个扩展编辑自定义请求( GET或POST ),以Web服务器。
编辑自定义请求( GET或POST ),以Web服务器的扩展。
1 。自动提取构成从网页。
2 。您可以修改窗体的方法。
3 。您可以修改表单操作。
4 。您可以添加或删除的<名称,值GT ;对。
5 。您可以编辑在<名称,值& GT ;对。

版本1.1
1 。支持提取内部框架的形式。

版本1.2

AdvertFilter Chrome插件

开发者插件 2019-09-18 13:47:53

AdvertFilter 免费高效的广告拦截应用!
AdvertFilter 4.2已上架谷歌商店,欢迎使用!
AdvertFilter 4.2全新风格,极简设计!
更新记录:
Version 4.3: 1.修正百度搜索广告拦截
Version 4.3: 2.移除非侵入式广告列表
Version 4.3: 2.修正两个扩展错误问题
历史记录:

HTML5存储管理器 Chrome插件

开发者插件 2019-09-01 19:51:01

简介:提供HTML5存储管理插件,Web开发必备工具!
功能说明:1. 对Session Storage, Local Storage, Cookie 进行增删改查,且操作非常直观方便;
2. 实时监控当前页面Session Storage和Local Storage数据的变化;
3. 自动识别存储的JSON格式的数据,并且能够通过D

标寄 Chrome插件

开发者插件 2018-10-18 11:19:04

1. 可视化标记页面标签
2. 标签采集后可提交自定义接口
3. 标签采集前支持预请求接口
3. 接口提交后支持回调页面

App Inspector for Sencha™ Chrome插件

开发者插件 2016-06-02 11:54:35

Google Chrome™ Dev Tools extension for debugging Sencha™ applications.
App Inspector for Sencha™ is an extension for Google Chrome DevTools which makes debugging Sencha Ext JS and Touch applicatio