87,910
社区成员
发帖
与我相关
我的任务
分享【散分】欢迎安装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解析耗时
·事件绑定耗时
欢迎使用过程中，提出改进建议，谢谢！
顶贴者有分，不断追加分数。。。
地址：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解析耗时
·事件绑定耗时
欢迎使用过程中，提出改进建议，谢谢！
顶贴者有分，不断追加分数。。。
...全文
请发表友善的回复…
发表回复
sparrow 2013-11-13
- 打赏
- 举报
好东西，大家分享
江南浪子 2012-03-11
- 打赏
- 举报
好东西当然要支持的
wayindex 2012-01-16
- 打赏
- 举报
接分
KeenWon 2012-01-10
- 打赏
- 举报
接分
Alien 2012-01-10
- 打赏
- 举报
帖子再保留一天，继续散分
叶子 2012-01-04
- 打赏
- 举报
貌似挺强悍，支持一下！
Alien 2012-01-04
- 打赏
- 举报
[Quote=引用 21 楼 cuixiping 的回复:]
接分
建议：
1.检测标签内是否有重复的属性 如<a href="a" href="b">
2.检测属性名称是否大写
3.保存所有Resources(Response Body)，最最最最最最最最最最最最！
4.小工具：文件转DataURL, DataURL转文件
4.小工具：minified js转unminified js
4.小工具：packed js转unpacked……
[/Quote]
提的好
接分
建议：
1.检测标签内是否有重复的属性 如<a href="a" href="b">
2.检测属性名称是否大写
3.保存所有Resources(Response Body)，最最最最最最最最最最最最！
4.小工具：文件转DataURL, DataURL转文件
4.小工具：minified js转unminified js
4.小工具：packed js转unpacked……
[/Quote]
提的好
ymjdesign 2012-01-03
- 打赏
- 举报
good...fen,
cuixiping 2012-01-03
- 打赏
- 举报
接分
建议：
1.检测标签内是否有重复的属性 如<a href="a" href="b">
2.检测属性名称是否大写
3.保存所有Resources(Response Body)，最最最最最最最最最最最最！
4.小工具：文件转DataURL, DataURL转文件
4.小工具：minified js转unminified js
4.小工具：packed js转unpacked js
4.小工具：format js，格式化，补全分号和花括号
4.小工具：format html, format css
建议：
1.检测标签内是否有重复的属性 如<a href="a" href="b">
2.检测属性名称是否大写
3.保存所有Resources(Response Body)，最最最最最最最最最最最最！
4.小工具：文件转DataURL, DataURL转文件
4.小工具：minified js转unminified js
4.小工具：packed js转unpacked js
4.小工具：format js，格式化，补全分号和花括号
4.小工具：format html, format css
zxhxiaoyi51 2011-12-31
- 打赏
- 举报
不说了 同上
hellNo 2011-12-31
- 打赏
- 举报
接分！！！！！！！！！
luliangshu350 2011-12-31
- 打赏
- 举报
接分+2
x269147836 2011-12-31
- 打赏
- 举报
接分+1
Alien 2011-12-31
- 打赏
- 举报
[Quote=引用 16 楼 p2227 的回复:]
我这个是检测新浪围脖的，，
当前页面的最大嵌套深度为17，路径为：html>body.B_index>div.W_miniblog>div.W_main>div.W_main_bg.clearfix>div#plc_main>div#Box_center>div#pl_content_homeFeed>div>div.newFilter.W_texta>div.nfBox>div.nf……
[/Quote]
记下了，多谢反馈
我这个是检测新浪围脖的，，
当前页面的最大嵌套深度为17，路径为：html>body.B_index>div.W_miniblog>div.W_main>div.W_main_bg.clearfix>div#plc_main>div#Box_center>div#pl_content_homeFeed>div>div.newFilter.W_texta>div.nfBox>div.nf……
[/Quote]
记下了，多谢反馈
p2227 2011-12-31
- 打赏
- 举报
我这个是检测新浪围脖的，，
当前页面的最大嵌套深度为17，路径为：html>body.B_index>div.W_miniblog>div.W_main>div.W_main_bg.clearfix>div#plc_main>div#Box_center>div#pl_content_homeFeed>div>div.newFilter.W_texta>div.nfBox>div.nfBoxSim.clearfix>div.right>div.searchbg>div.sh_input>form>input.input
然后红色的一行很长都超出范围了，你看要换行还是以树形显示还是怎么样会更加好
当前页面的最大嵌套深度为17，路径为：html>body.B_index>div.W_miniblog>div.W_main>div.W_main_bg.clearfix>div#plc_main>div#Box_center>div#pl_content_homeFeed>div>div.newFilter.W_texta>div.nfBox>div.nfBoxSim.clearfix>div.right>div.searchbg>div.sh_input>form>input.input
然后红色的一行很长都超出范围了，你看要换行还是以树形显示还是怎么样会更加好
EEXXTTJJSS 2011-12-31
- 打赏
- 举报
[Quote=引用 5 楼 imtns59521 的回复:]
接分！！！！！！！！！
[/Quote]
+1
接分！！！！！！！！！
[/Quote]
+1
p2227 2011-12-31
- 打赏
- 举报
[Quote=引用 13 楼 ymmc001 的回复:]
引用 11 楼 p2227 的回复:
如果可以检测这方面的问题更加好了
http://topic.csdn.net/u/20111231/14/4f887420-6757-4db4-a4dd-d2294225e55a.html
这个是可以做到的，后续可以考虑引进来，增强js方面的检测，插件会自动更新的，可放心使用
[/Quote]主要是内存那个，长度就很简单了
引用 11 楼 p2227 的回复:
如果可以检测这方面的问题更加好了
http://topic.csdn.net/u/20111231/14/4f887420-6757-4db4-a4dd-d2294225e55a.html
这个是可以做到的，后续可以考虑引进来，增强js方面的检测，插件会自动更新的，可放心使用
[/Quote]主要是内存那个，长度就很简单了
Alien 2011-12-31
- 打赏
- 举报
[Quote=引用 11 楼 p2227 的回复:]
如果可以检测这方面的问题更加好了
http://topic.csdn.net/u/20111231/14/4f887420-6757-4db4-a4dd-d2294225e55a.html
[/Quote]
这个是可以做到的，后续可以考虑引进来，增强js方面的检测，插件会自动更新的，可放心使用
如果可以检测这方面的问题更加好了
http://topic.csdn.net/u/20111231/14/4f887420-6757-4db4-a4dd-d2294225e55a.html
[/Quote]
这个是可以做到的，后续可以考虑引进来，增强js方面的检测，插件会自动更新的，可放心使用
jy02409187 2011-12-31
- 打赏
- 举报
支持下！！！
p2227 2011-12-31
- 打赏
- 举报
加载更多回复（4）
