DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> Alipay UED推出網站代碼分析插件:Monster
Alipay UED推出網站代碼分析插件:Monster
編輯:關於網頁技巧     

Monster 是 Alipay UED 推出的網站代碼分析、質量檢測及評分的浏覽器擴展,它能智能分析CSS、JS、HTML內容並生動形象展示網頁得分情況(類似YSlow)。它是一個開源項目,您可以在GoogleCode中心檢出MonsterForChrome項目源代碼。不久會推出Firefox版擴展。

Monster主要檢測規則:

  1. 檢測是否有重復ID的標簽;
  2. 檢測是否使用內聯標簽嵌套塊級標簽,如a嵌套div;
  3. 檢測https協議頁面,是否使用了http協議的圖片、JS、CSS等;
  4. 檢測compatMode、doctype是否出錯;
  5. 檢測是否使用了HTML5不再支持的標記,如font,s,u等;
  6. 檢測標簽是否正確關閉;
  7. 檢測CSS、JS、background-image文件是否為404;
  8. 檢測CSS、JS文件是否重復調用;
  9. 檢測是否引用過多外部JS、CSS文件;
  10. 檢測CSS、JS、HTML是否壓縮;
  11. 檢測CSS樣式表是否使用了CSS expression;
  12. 檢測Cookie是否超過30KB;
  13. 檢測是否有form標簽嵌套form標簽;
  14. 檢測是否直接在標簽裡定義JS事件,如<a href=http://www.google.org.cn/posts/”#” onclick=”…”>link</a>;
  15. 檢測<meta charset=”utf-8″ />是否為<head>第一個子標簽;
  16. 檢測一個<form>標簽內部是否出現二個input[type=submit]標簽;
  17. 檢測是否在<form>標簽中使用了 id=”submit” 的標簽;
  18. 檢測是否將<style>塊放置在</head>前面;
  19. 檢測是否將<script>塊放置在</body>前面;
  20. 檢測<img>標簽是否指定alt屬性;
  21. 檢測是否為input[text]指定label;
  22. 檢測網頁編碼是否為gbk或utf-8;
  23. 檢測是否使用了@import導入樣式表;
  24. 如果CSS、JS指定 類似於“?t=20100405”時間戳,則自動輸出最後修改時間,方便對比;
  25. 如果background-image超過6個,則提示所有背景圖片及大小,超過30KB,標紅顯示;

Monster評分規則:

Monster是根據問題解決難易程度、性能提升程度、可用性提升程度以及維護性提升程度來綜合評分的。具體,請下載 Monster評分算法.xls

下載Monster。

文章來源:http://ued.alipay.com/2010/05/monster-for-chrome/

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved