Alipay Ued launched the Web site Code Analysis plug-ins: Monster

Monster is Alipay UED launched the Web site code analysis, quality detection and grading browser expansion, it can intelligently analyze CSS, JS, HTML content and vivid image of the page to display the score (similar to YSlow). It is an open source project that you can check out Monsterforchrome project source code in the Googlecode center. The Firefox version will soon be available for expansion.

Monster Main Testing Rules:

2. Check for labels with duplicate IDs;
4. Detects whether to use inline tags to nest block-level labels, such as a nested div;
6. Check HTTPS protocol page, whether the use of HTTP protocol pictures, JS, CSS, etc.
8. Detect Compatmode, doctype whether error;
10. Detect whether the use of HTML5 no longer supported tags, such as font,s,u;
12. Detect whether the label is properly closed;
14. Detection of CSS, JS, background-image file is 404;
16. Detection of CSS, JS file is repeated calls;
18. Detect whether to reference too many external JS, CSS files;
20. Detection of CSS, JS, HTML is compressed;
22. Detects whether CSS style sheets use CSS expression;
24. Detect whether the cookie exceeds 30KB;
26. Detects if a form label is nested form labels;
28. Detect whether the JS event is defined directly in the label, such as <a href=http://www.google.org.cn/posts/"#" onclick= "..." >link</a>;
30. Detect <meta charset= "Utf-8″/> is the first child label of
32. Detect the presence of two input[type=submit labels inside a <form> label;
34. Check whether the label of id= "Submit" is used in the <form> label;
36. Detects whether <style> blocks are placed in front of
38. Detects whether <script> blocks are placed in front of </body>;
40. Detect label whether ALT attribute is specified;
42. Detect whether a label is specified for Input[text];
44. Detect whether the page encoding is GBK or utf-8;
46. Detects whether the @import import style sheet is used;
48. If CSS, JS specifies similar to "? t=20100405" timestamp, then automatically output the last modification time, easy to compare;
50. If the background-image more than 6, then prompts all background pictures and size, more than 30KB, marked red display;

Monster Scoring Rules:

Monster is a comprehensive score based on how easily the problem is solved, how much performance is raised, how much usability is raised, and how much maintenance is promoted. Specifically, please download the monster scoring algorithm. xls

Download Monster.

Article Source: http://ued.alipay.com/2010/05/monster-for-chrome/