Firefox插件推荐：CSS Usage
作者：神采飞扬 来源：前端观察 发布时间：2009-10-26 18:44:00
标签：firefox,插件,css,usage
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文件)
0
投稿猜你喜欢
本文实例为大家分享了H5+css3+js搭建带验证码的登录页面，供大家参考，具体内容如下login.html<!DOCTYPE HTM- 安装模块1、找到对应的模块 http://www.python-excel.org/2、用pip install 安
- 本文实例讲述了Go语言通过smtp发送邮件的方法。分享给大家供大家参考。具体实现方法如下：package mainimport (
- 一、前言大多数编译型语言，变量在使用前必须先声明，其中C语言更加苛刻：变量声明必须位于代码块最开始，且在任何其他语句之前。其他语言，想C++
- 实例如下：#coding=utf-8import subprocessfrom time import *import win32apiim
- 前言pandas对数据框也可以像excel一样进行数据透视表整合之类的操作。主要是针对分类数据进行操作，还可以计算数值型数据，去满足复杂的分
- W3C发布了WCAG 2.0提案（Web Content Accessibility Guidelines 网页内容无障碍指南），大概为了实
- mock简介mock原是python的第三方库python3以后mock模块已经整合到了unittest测试框架中，不用再单独安装Mock这
- 前言不管是做开发还是做过网站的朋友们，应该对于User Agent一点都不陌生，User Agent 中文名为用户代理，简称 UA，它是一个
- 一、变量的定义 mysql中变量定义用declare来定义一局部变量，该变量的使用范围只能在begin...end 块中使用,变量必须定义在
- 基本映射映射使用在根据不同URLs请求来产生相对应的返回内容.Bottle使用route() 修饰器来实现映射.from bottle im
- 每次在"万达影城"网上购票总会用到左上角选择城市的功能。如下：今天就在ASP.NET MVC中实现一下。我想最好的方式应
- 我们之前看到了函数和对象。从本质上来说，它们都是为了更好的组织已经有的程序，以方便重复利用。模块(module)也是为了同样的目的。在Pyt
- 一、状态介绍在了解其他概念之前，我们首先要了解进程的几个状态。在程序运行的过程中，由于 * 作系统的调度算法控制，程序会进入几个状态：就绪，运
- replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法：string.replace(sub
- JavaScript图片水平翻转后垂直翻反转的特效一：<!--把下列代码加到body区域内--><SCRIPT langu
- easy_install 卸载通过easy_install 安装的模块可以直接通过 easy_install -m Packag
- <html><head><meta http-equiv="Content-T
- 目录Maxwell简介Maxwell的配置与使用1.下载Maxwell安装包2.配置mysql，打开mysql binlog日志3.启动Ma
- selenium最初是一个自动化测试工具，而爬虫中使用它主要是为了解决requests无法直接执行JavaScript代码的问题，selen
