这个Firefox的插件，严格意义上讲，是Firebug的插件，目的是强化其对css的管理。暂名： firecss
License：
就用BSD的license吧，GPL太严格了点了……
Introduction:
作为web开发人员，有的时候是会有“找到某个页面的全部/部分所用到的css样式表”这样的需求。
如果只是简单的查看某一个元素，firebug已经提供了现成的功能了，但如果某一个元素下面拥有数量众多的子元素，那么手动的整理所有children所用到的css样式将是一个体力活。这个插件便能“将您指定的元素以及其所有children所用到的css样式查找并整理出来”
Requirement:
Firefox2+，Firebug1.2+ （我没试验能不能在Firebug1.1以及更早的版本上用）
Installation:
在安装过firebug后，将该插件拖入firefox的窗口，然后安装，重启firefox即可。
How-to-use:
1. 打开一个页面
2. 激活Firebug(点击右下角的firebug图标或者按F12)
3. 点击firebug的HTML标签页
4. 找到你想dump的元素(比如整个页面全来的话，就是html节点了)，右键点击它，选择“Dump CSS”。稍等
5. 如果你激活了Console，那么它会把整理好的结果log到Console上。
6. 然后会弹出一个对话框，让你选择一个本地的文件夹以存储整理好的结果。
7. 假设原来的css文件名是"blah.css"，那么你在你的指定的文件夹下能看到4个文件，blah.ori.css，blah.css，blah.css.note，blah.refined.css
7.1 blah.ori.css，就是这个页面引用到的原始的css
7.2 blah.css，这个是firefox所用到的，整理好的css，IE hack之类的会自动过滤掉
7.3 blah.css.note，呃这个是告诉你这个页面用到的css是原来css的第几行
7.4 blah.refined.css，这个是根据上面那个note，从blah.ori.css中重新查找并整理好的css。根据selector排序、并删除多余的换行符。
一般来说，直接使用最后的refined的版本就可以了。
我做过一些简单的试验，比如豆瓣九点四套首页，用到的css有21,451byte，整理后的结果是2,887byte，相当显著。
对于sina这种页面，恐怕效果更明显，但出错概率也会增加。
已知的一些issue：
1. 对于:hover这种还不能处理，对于一些javascript使用很多的页面，也容易漏掉一些css，毕竟它只是dump了“当前用到的css”。
2. 由于是递归做的，所以如果你的html层数太多，大概是会有栈满的可能性发生。但一般没事儿
这个工具只是帮助你找到用到的css，并不保证完全正确，所以还是得开发人员确认一下。
呃，有bug的话欢迎告诉我，也欢迎直接修改好后发给我，lol
--
FROM 202.108.12.36
附件(20.6KB) firecss@sly.net9.org.xpi