基于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文件)



相关阅读:
ASP中类Class相关内容的整理资料
批处理应用 临时目录清理
PHP设计模式 注册表模式
向asp.Net进发 数据库连接操作
iframe 自适应高度[在IE6 IE7 FF下测试通过]
对style标记应用一例一文的探讨
红帽或将放弃推Windows竞争产品的计划
php 获取mysql数据库信息代码
jquery 3D球状导航的文章分类
入门:PHP编程中“字符串”小常识
jquer之ajaxQueue简单实现代码
mysql 5.0.67最新版替代MySQL 5.0.51b版本官方下载
推荐的用Asp实现屏蔽IP地址访问的代码
wiki-shan写的php在线加密的解密程序
快速导航

Copyright © 2016 phpStudy |