Alipay UED 推出網站代碼分析和質量檢測 Chrome 擴展 Monster

2024-09-03 21:26:55

字體：大中小

來源：轉載

供稿：網友

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=http://www.google.org.cn/posts/”#” 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，標紅顯示；