Firebug的扩展CSS Usage标签

来源:网络时间:2011-05-24 13:01:04

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


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


先上图:

 

Firebug


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 链接按下去时的状态;)

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:9145908@qq.com
多特网友 2012-07-10 18:07:24 回复
我有用啊给我么
多特网友 2012-07-10 18:07:24 回复
我有用啊给我么