用Monster优化你的网站
Monster是由支付宝用户体验部所推出的网站原代码分析、品质测试和评分的浏览器插件，它能够分析网站的HTML、CSS、JS内容并在网页内展示出动态得分情形，让使用者可以改善品质或修正错误。它同时也是一个开源方案，目前提供Chrome浏览器的插件（Extensions），以后后也会有Firefox使用的版本。
首先，你必须使用Google Chrome或Chromium浏览器才能安装此扩充功能。进入后点选”Install“安装。
- 安装Monster：点选这里
Chromium提示使用者是否安装该扩充功能，点选”安装“继续。
安装后右上角网址列旁边就会出现Monster的图示，并提示已经完成安装。
点击图示后，就会自动为你检测该网页，并提示你找到的错误、警告和资讯，右下角大大的数字是得分。
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属性；
- 检测是否为imput[/text]指定label；
- 检测网页编码是否为GBK或UTF-8；
- 检测是否使用了@import来导入样式表；
- 如果CSS、JS指定类似于”?t=20100511″的时间戳，则自动输出最后修改时间，方便对比；
- 如果background-image超过6个，则提示所有背景图片的大小，超过30KB会以红色标示。
除此之外，还能显示详细的检测结果及需要修正的位置。
不用担心找不到错误，Monster会自动将该范围以红色虚线圈选，或是显示绿色的提示对话框。
Monster是根据问题解决难易程度、性能提升程度、可用性提升程度以及维护性提升程度来综合评比，如果你想要知道Monster的详细评分方式，官方也将它释出：点此下载。 Monster目前还在持续开发中，也努力的改进及新增功能，建议网站长们可以使用Monster for Chrome来检测一下自己的网站，或许能够找出不少问题。
【你可能还喜欢这些文章：】
等等再看了
不懂代码，查出错误也不会改，呜呜~~~
没用过呢，过去看看
说实在话！我是真的看不懂！布丁第一次到访。我写了一个请要回97年的朋友带话的博文，有空去参加下，想让他给你带些什么话
这个是不是和火狐的firebug有点像
恩 跟安装了Yslow的firebug有些像，但远没有firebug强大