Firebug的扩展CSS Usage标签

  之前给介绍个火狐浏览器Firebug组件的用法(http://www.duote.com/tech/3/7891.html

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

先上图:

 

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

 

CSS usage的用法:

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

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

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

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

Firebug的扩展CSS Usage标签

相关文章:

你感兴趣的文章:

标签云: