Firebug的扩展CSS Usage标签

[复制链接]
查看381 | 回复0 | 2019-12-20 22:49 | 显示全部楼层 |阅读模式

                                核心提示:CSS usage是一款基于firebug的firefox扩展,可以用来查看页面中的CSS使用情况,从而方便开发者优化CSS样式表。                            .                                                                          之前给介绍个火狐浏览器Firebug组件的用法(http://www.duote.com/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 链接按下去时的状态;)
                                                                                    





上一篇:网际快车(FlashGet)资源搜索使用技巧
下一篇:打开网站提示“此网站的安全证书有问题”怎么办
【玉璞集 YUPUG.COM】