读书人

【散分】欢迎装配WEB前端工程师助手(

发布时间: 2013-11-14 22:02:51 作者: rapoo

【散分】欢迎安装WEB前端工程师助手(FeHelper)-chrome扩展
如题,欢迎各位安装Chrome浏览器扩展--WEB前端工程师助手(FeHelper)
地址:https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad?hl=zh-cn&utm_source=chrome-ntp

FE助手:包括编码规范检测、栅格检测、字符串编解码、统计并查看页面加载时间、文档检索等
作者:百度空间Web前端研发署

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


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文件进行检测(包括路径相同和内容相同)

二、栅格系统辅助检测

在页面顶部和左侧显示标尺
在页面显示辅助参考线
显示鼠标当前位置坐标
在页面显示栅格,辅助FE进行栅格检测

三、字符串编解码小工具
Unicode编码
Unicode解码
UTF-8编码
UTF-8解码
Base64编码
Base64解码

四、统计并查看网页加载时间
重定向耗时
DNS解析耗时
Request耗时
Response耗时
内容加载耗时
DOM解析耗时
事件绑定耗时

欢迎使用过程中,提出改进建议,谢谢!
顶贴者有分,不断追加分数。。。
接分+1
[解决办法]
接分+2【散分】欢迎装配WEB前端工程师助手(FeHelper)-chrome扩展
[解决办法]
接分!!!!!!!!!
[解决办法]
不说了 同上
[解决办法]
支持一下,欢迎感谢。
[解决办法]
支持一下,欢迎并感谢。
[解决办法]
【散分】欢迎装配WEB前端工程师助手(FeHelper)-chrome扩展
支持下.
[解决办法]
如果可以检测这方面的问题更加好了

http://topic.csdn.net/u/20111231/14/4f887420-6757-4db4-a4dd-d2294225e55a.html
[解决办法]
支持下!!!
[解决办法]

接分
[解决办法]
接分【散分】欢迎装配WEB前端工程师助手(FeHelper)-chrome扩展

读书人网 >JavaScript

热点推荐