DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 基於firebug的firefox擴展:css usage
基於firebug的firefox擴展:css usage
編輯:CSS詳解     

css usage是一個基於firebug的Firefox擴展,可以用來查看頁面中的CSS的使用情況,可以清楚的查看css文件中所有的規則在你的網站中的真實的使用情況。可以查看一個網站中多個頁面中的css使用情況——這個很好,可以看到CSS的在網站中的全局使用情況。

預覽:

cssusage

下載地址:https://addons.mozilla.org/en-US/Firefox/addon/10704 主頁地址:http://spaghetticoder.org/CSSusage/

用法:

  • 打開你想要掃描的網站的頁面,打開Firebug,切換到CSS Usage標簽,然後點擊”scan”按鈕。
  • 如果是用了大量AJax或者dHtml的網站中,打開盡可能多的隱藏的div/窗口/tab,以使CSS Usage爬取盡可能多的內容。
  • 然後訪問你的網站的其它頁面。
  • 每訪問一個新的頁面,請按一次”scan”按鈕。當然,也可以選擇autoScan按鈕,這樣就不用每次按Scan按鈕了。

掃描的結果中,綠色的規則表示當前頁面中有用到,黑色表示其它頁面中用到,紅色表示沒有被掃描到(至少在當前頁面),灰色是偽類(:hover之類)

一些特性:

  • 可顯示規則的行數
  • 自動掃描(autoScan)
  • 鏈接到CSS文件(可以在新tab中打開該CSS文件)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved