Alipay UED推出網站代碼分析插件:Monster
編輯：關於網頁技巧
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，標紅顯示；
Monster評分規則：
Monster是根據問題解決難易程度、性能提升程度、可用性提升程度以及維護性提升程度來綜合評分的。具體，請下載 Monster評分算法.xls
下載Monster。
文章來源：http://ued.alipay.com/2010/05/monster-for-chrome/
小編推薦
熱門推薦