Firefox插件推荐:CSS Usage
作者:神采飞扬 来源:前端观察 时间:2009-10-26 18:44:00
css usage是一个基于firebug的firefox扩展,可以用来查看页面中的CSS的使用情况,可以清楚的查看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文件)
标签:firefox,插件,css,usage
0
投稿
猜你喜欢
Python进阶之如何快速将变量插入有序数组
2021-07-26 16:52:51
CSS样式表中SPAN和DIV的区别
2007-10-21 08:47:00
轻松掌握MySQL数据库锁机制的相关原理
2008-12-17 15:23:00
VUE3中watch监听使用实例详解
2024-05-29 22:42:16
pycharm2022没有manage repositories配置镜像源的解决方法
2022-06-27 05:30:24
探究数组排序提升Python程序的循环的运行效率的原因
2021-07-16 21:35:06
mysql show操作简单示例
2024-01-24 14:42:52
jupyter notebook使用argparse传入list参数
2022-12-25 16:54:03
perl产生随机数实现代码
2023-04-14 05:30:10
全面阐述overflow:hidden属性
2008-08-18 13:30:00
golang/python实现归并排序实例代码
2023-12-13 04:19:01
SQL_Server全文索引的用法解析
2024-01-17 08:37:14
Jmail发信的实例,模块化随时调用
2007-09-27 13:35:00
PyQt5+QtChart实现绘制区域图
2021-08-15 01:00:05
Django上传xlsx文件直接转化为DataFrame或直接保存的方法
2023-12-02 14:42:16
Golang递归获取目录下所有文件方法实例
2024-04-25 15:19:00
Python 字符串类型列表转换成真正列表类型过程解析
2021-07-28 18:06:52
python中yield的用法详解
2023-06-10 00:43:56
解决MySQL 5.7中定位DDL被阻塞的问题
2024-01-14 10:20:01
Python3.x版本中新的字符串格式化方法
2021-10-12 17:32:23