当前位置: 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)相关插件

AngularJS Batarang

开发者插件 2020-12-23 23:10:12

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手。

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格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取

AngularJS Batarang v0.10.9

开发者插件 2020-12-23 22:54:19

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手

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

聚合专题 2021-02-20 12:57:43

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

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

Clockwork v3.1.3 Chrome插件

开发者插件 2019-07-22 01:48:08

Clockwork 是一个浏览器扩展,提供了调试和分析 PHP 应用程序的工具,包括请求数据、应用程序日志、数据库查询、路由、应用程序运行时的可视化等。 clockwork 使用一个服务器端组件,它收集所有数据,并轻松地与任何 PHP 项目集成,包括对主要框架的开箱即用支持。
阅读发条网站上的完整安装指南-https://underground.works/clockwork/inst

Cookies List Chrome插件

开发者插件 2015-01-10 14:55:45

List and look for cookies
这是一个可以查看浏览器客户端目前全部的cookies列表,列出了所有cookies的域名,路经,内容以及过期时间,并能进行过滤和删除操作,非常方便web开发,建议web开发人员安装使用.

Nextsense XML Signing Component v1.0.1.3 Chrome插件

开发者插件 2019-05-05 13:32:51

Nextsense XML 签名组件是支持 XML 文档数字签名和签名验证的基于 web 的组件。该产品的开发是为了使浏览器能够使用用户的本地数字证书对文档进行签名,并且得到了领先的 web 浏览器的支持。Nextsense XML 签名组件具有以下优点:
-使用用户的本地数字证书从 web 浏览器对文档进行简单的数字签名,它提供了签名者身份和文档完整性的证明
-支持检测和验证

偷天换日 Chrome插件

开发者插件 2018-10-05 00:45:52

这是一款帮你本地的javascript 文件替换线上的javascript 文件的插件,在前端开发中,可以在线上环境中,把本地更改过的js替换线上js 来做测试,方便快捷。

1.0.1 更新:
1. 加入了强制对比,匹配会进行字符串逐个对比。
2. 加入域名限制,规则只会在某个域名页面下才生效。
3. 加入了对 xmlHTTPRequest 类型请求

AP - Data Layer Inspector+ v2018.6.25.1 Chrome插件

开发者插件 2019-10-22 17:58:14

分析专业人员 (AP) 数据分析师检查员是数字分析师的实用工具工具包。
检查 Google Analytics 活动
-实时监控数据层
-在控制台中查看 Google Analytics 点击, 当它们发生时,评估常见的数据层推送格式; 事件和电子商务在Page
-为 setup
推送一条数据层消息-添加一个 GTM 容器来测试它-将代码插入页面

Redirect Path v2.2.1 Chrome插件

开发者插件 2019-03-25 17:11:00

重定向路径标记了 301,302,404 和 500 个 HTTP 状态代码,以及像 Meta 和 Javascript 重定向这样的客户端重定向,带来了可能不会立即引起你注意的潜在问题。除了标记重定向和错误之外,插件

Odoo Debug Chrome插件

开发者插件 2019-11-08 20:32:57

Toggle 的调试模式的最小和快速扩展。
可以通过鼠标和键盘快捷键使用
如何使用鼠标?
-点击调试扩展。
-双击带有资产模式的调试扩展。
如何与键盘一起使用? (在 mac 中使用 cmd ⌘)
-按 Ctrl 键。
-按 Ctrl 键..使用资产模式进行调试。 (按住 ctrl 键并按。两次)
您可以从 “设

WEB前端助手(FeHelper) Chrome插件

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

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

WhatFont:识别网页上的字体 Chrome插件

开发者插件 2019-01-09 11:48:25

WHATFONT是一款可以帮助用户查看识别网页字体的浏览器插件。日常工作中,当我们在浏览一个页面非常好看的网站的时候,往往会遇到各种各样的个性化的字体,我们可能会很知道这是什