PhoneGap中文网

 找回密码
 立即注册
查看: 26909|回复: 4
打印 上一主题 下一主题

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

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 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执行效率的检测)
it营
回复

使用道具 举报

1

主题

91

帖子

89

积分

注册会员

Rank: 2

积分
89
沙发
发表于 2013-12-26 15:35:01 | 只看该作者
学习了,不错
it营
回复 支持 反对

使用道具 举报

1

主题

91

帖子

89

积分

注册会员

Rank: 2

积分
89
板凳
发表于 2013-12-26 20:29:27 | 只看该作者
学习了,谢谢分享、、、
回复 支持 反对

使用道具 举报

0

主题

15

帖子

38

积分

新手上路

Rank: 1

积分
38
地板
发表于 2013-12-26 20:53:49 | 只看该作者
看看好用不
回复 支持 反对

使用道具 举报

2

主题

19

帖子

93

积分

版主

Rank: 7Rank: 7Rank: 7

积分
93
5#
发表于 2014-1-6 10:00:37 | 只看该作者
好好东西啊, 谢谢的辛勤分享呀。么么哒。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-12-27 08:46 , Processed in 0.073396 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表