首页 应用 游戏 资讯 攻略

Firebug的扩展CSS Usage标签

时间:2011-05-24 关注公众号 来源:网络

  之前给介绍个火狐浏览器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 链接按下去时的状态;)

阅读全文
扫码关注“ 多特资源库
更多更全的软件资源下载
文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站)
玩家热搜

相关攻略

正在加载中
版权
版权说明

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站)

电话:13918309914

QQ:1967830372

邮箱:rjfawu@163.com

toast