WEB前端助手(FeHelper) 浏览器查看json插件

admin · 发表于 2013-12-26 10:47:03

FE助手功能：前端编码规范检测、页面性能检测、栅格检测、字符串编解码、代码美化工具、JSON格式化、二维码生成、Javascript执行效率检查等。

先直观的看一下FE助手的UI：

[屏幕快照 2013-11-20 下午8.29.29.png]

可以到FeHelper官网直接安装：FeHelper官网

可以到Chrome 网上应用商店下载并安装：WEB前端助手（FeHelper）

一、前端编码规范自动检测

1、HTML方面完成如下检测

·检测DOCTYPE是否符合标准

·检测是否存在HTML5已经不支持的标签

·检测是否存在对HTML5已经不支持的属性

·检测是否存在有重复命名的ID

·检测是否存在inline标签包含block标签

·检测是否存在未闭合的HTML标签

·检测是否存在<head>标签之外包含的link[rel=stylesheet]

·检测当前HTML文档是否经过压缩

·检测当前页面总共的DOM节点数

·检测是否存在HTML注释、仅IE支持的HTML注释、FF不支持的HTML注释‘--’

·检测是否存在使用了size属性的input标签

·检测<head>标签中<title>标签的数量

·检测是否存在src为空的<img>标签

·DOM节点最大嵌套深度检测

2、CSS方面完成如下检测

·对所有<style type="text/css"></style>标签内的CSS进行检测，检测每个CSSRule的使用情况

·对所有<link rel="stylesheet" href="*" />引入的CSS文件进行检测，检测每个CSSRule的使用情况

·检测所有<link rel="stylesheet" href="*" />引入的CSS文件是否经过压缩

·检测CSS文件中总共引用的图片数量（建议CSS Sprites）

·检测CSS文件中是否存在expression

·对重复引入的CSS文件进行检测（包括路径相同和内容相同）

3、Javascript方面完成如下检测

·计算当前页面的cookie大小

·检测并管理当前页面所属域的有效cookie

·对所有<script>标签进行检测，统计标签数量

·检测通过<script src="*"></script>引入的Javascript文件是否经过压缩

·检测tangram文件的个数、版本

·对重复引入的JS文件进行检测（包括路径相同和内容相同）

二、统计并查看网页加载时间

1、网页加载耗时

·DNS解析耗时

·等待响应耗时

·接收响应耗时

·内容加载耗时

·页面渲染耗时

·总耗时

2、网页Http Response Header分析

·Server Type

·Content Encoding

·Content Length

·Content Type

·Connection

·Expires

·Last Modified

·Cache Control

三、栅格系统辅助检测

·在页面顶部和左侧显示标尺

·在页面显示辅助参考线

·显示鼠标当前位置坐标

·在页面显示栅格，辅助FE进行栅格检测

四、字符串编解码小工具

·Unicode编码

·Unicode解码

·UTF-8编码

·UTF-8解码

·Base64编码

·Base64解码

五、JSON格式化查看

·JSON格式化工具

·JSON接口页面自动格式化查看

·JSONP接口页面自动格式化查看

六、二维码码生成器

·将网址生成二维码

·将普通文本内容生成二维码

·其他内容生成二维码（如通讯录等）

七、网页Javascript嗅探（JS执行效率的检测）

爱哭的鱼 · 发表于 2013-12-26 15:35:01

学习了，不错

爱哭的鱼 · 发表于 2013-12-26 20:29:27

学习了，谢谢分享、、、

nnly055 · 发表于 2013-12-26 20:53:49

看看好用不

kupig · 发表于 2014-1-6 10:00:37

好好东西啊，谢谢的辛勤分享呀。么么哒。

		自动登录	找回密码
密码			立即注册

WEB前端助手(FeHelper) 浏览器查看json插件

站长推荐 /1