之前给介绍个火狐浏览器Firebug组件的用法(http://www.y866.cn/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 链接按下去时的状态;)