Monster for Chrome
作者：vickeychen 来源：Alipay UED 时间：2010-05-04 16:30:00
Monster是Alipay UED推出的网站代码分析、质量检测及评分的浏览器扩展，它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。它是一个开源项目，您可以在GoogleCode中心检出MonsterForChrome项目源代码。不久会推出Firefox版扩展。
下载及演示
Monster主要检测规则：
检测是否有重复ID的标签；
检测是否使用内联标签嵌套块级标签，如a嵌套div；
检测https协议页面，是否使用了http协议的图片、JS、CSS等；
检测compatMode、doctype是否出错；
检测是否使用了HTML5不再支持的标记，如font,s,u等；
检测标签是否正确关闭；
检测CSS、JS、background-image文件是否为404；
检测CSS、JS文件是否重复调用；
检测是否引用过多外部JS、CSS文件；
检测CSS、JS、HTML是否压缩；
检测CSS样式表是否使用了CSS expression；
检测Cookie是否超过30KB；
检测是否有form标签嵌套form标签；
检测是否直接在标签里定义JS事件，如<a href=”#” onclick=”…”>link</a>；
检测<meta charset=”utf-8″ />是否为<head>第一个子标签；
检测一个<form>标签内部是否出现二个input[type=submit]标签；
检测是否在<form>标签中使用了 id=”submit” 的标签；
检测是否将<style>块放置在</head>前面；
检测是否将<script>块放置在</body>前面；
检测<img>标签是否指定alt属性；
检测是否为input[text]指定label；
检测网页编码是否为gbk或utf-8；
检测是否使用了@import导入样式表；
如果CSS、JS指定 类似于“?t=20100405”时间戳，则自动输出最后修改时间，方便对比；
如果background-image超过6个，则提示所有背景图片及大小，超过30KB，标红显示；
Monster评分规则：
Monster是根据问题解决难易程度、性能提升程度、可用性提升程度以及维护性提升程度来综合评分的。具体，请下载 Monster评分算法.xls
这是Monster的第一版，欢迎抓虫，如果您有更好的改进建议，请反馈给我们。
0
投稿猜你喜欢
mysql update语句的用法详解
python中的os.mkdir和os.makedirs的使用区别及如何查看某个模块中的某些字母开头的属性方法
php指定长度分割字符串str_split函数用法示例
python递归计算N！的方法
tensorboard 可以显示graph,却不能显示scalar的解决方式
优雅管理Go Project生命周期
Python编程django实现同一个ip十分钟内只能注册一次
Python面向对象之继承原理与用法案例分析
Vim中查找替换及正则表达式的使用详解
SQL Server的全文搜索功能
微前端qiankun沙箱实现源码解读
python+selenium 实现扫码免密登录示例代码
MySQL的添加用户的两种方法
python列表推导式操作解析
基于python分享一款地理数据可视化神器keplergl
详解SQLServer和Oracle的分页查询
详解Python装饰器的四种定义形式
Django数据库类库MySQLdb使用详解
如何爬取通过ajax加载数据的网站
