本文所分享的知识点是【基于firebug的firefox扩展 css usage】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
基于firebug的firefox扩展 css usage
可以清楚的查看css文件中所有的规则在你的网站中的真实的使用情况。可以查看一个网站中多个页面中的css使用情况——这个很好，可以看到CSS的在网站中的全局使用情况。
预览：
下载地址：https://addons.mozilla.org/en-US/firefox/addon/10704 主页地址：http://spaghetticoder.org/cssusage/
用法：
- 打开你想要扫描的网站的页面，打开Firebug，切换到CSS Usage标签，然后点击”scan”按钮。
- 如果是用了大量ajax或者dhtml的网站中，打开尽可能多的隐藏的div/窗口/tab，以使CSS Usage爬取尽可能多的内容。
- 然后访问你的网站的其它页面。
- 每访问一个新的页面，请按一次”scan”按钮。当然，也可以选择autoScan按钮，这样就不用每次按Scan按钮了。
扫描的结果中，绿色的规则表示当前页面中有用到，黑色表示其它页面中用到，红色表示没有被扫描到(至少在当前页面)，灰色是伪类(:hover之类)
一些特性：
- 可显示规则的行数
- 自动扫描(autoScan)
- 链接到CSS文件(可以在新tab中打开该CSS文件)
关于基于firebug的firefox扩展 css usage的相关讨论如下：
相关问题：如何给最新FireFox31.0版本添加最新firebug插件
答：扩展Firebug在线安装地址：https://addons.mozilla.org/zh-CN/firefox/addon/firebug/?src=search 附件为离线安装包，直... >>详细
相关问题：怎样使用火狐浏览器的dubug-Firebug,我主要是想通...
答：您好！很高兴为您答疑！ 安装Firebug，界面上左边看html，右边看css，可以对html和css直接编辑，到达可视化的效果。 您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。 >>详细
相关问题：火狐插件 对任何网页的 CSS、HTML 和 JavaScript ...
答：您好！安装firebug扩展就可以了。FireBug 是 Firefox 火狐浏览器 的一款开发类插件，集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发 JavaScript、CSS、HTML 和 Ajax 的得力助手。参考这里：http://mozilla.com.cn/addon/3-f... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-