Firebug的扩展CSS Usage标签

　　之前给介绍个火狐浏览器Firebug组件的用法（/tech/3/7891.html）。今天介绍下firebug它的扩展标签css usage的应用。

　　(CSS usage是一款基于firebug的firefox扩展，可以用来查看页面中的CSS使用情况，从而方便开发者优化CSS样式表。)

先上图：

 

Scan:手动描述
Clear:清空 
Autoscan:自动描述

 

CSS usage的用法：

a、打开想要描述的网页，再打开Firbug(也就是那个小虫按钮)，然后点击CSS Usage标签。

b、如果是用了大量ajax或者dhtml的网页中，打开尽可能多的隐藏的div/窗口/tab，以使CSS Usage抓取尽可能多的内容。 （有些样式是要自己点击，CSS Usage才能抓取）

c、每访问一个新的网页，点击一下Scan按钮就会抓取，但是要偷懒就点击Autoscan按钮，它会自动抓取。

大家可以看到，在抓取的结果中有不同的颜色。

绿色：当前页面用到的
红色：至当前页面没有用到的
灰色：表示伪类（简单理解  a:link 链接未点击上去的时候；a:visited 链接已经点击过的；a:hover 鼠标放在链接上未点击；a:active 链接按下去时的状态；）