基于firebug的firefox扩展:css usage

2016-02-20 00:10 14 1 收藏

今天图老师小编给大家展示的是基于firebug的firefox扩展:css usage，精心挑选的内容希望大家多多支持、多多分享，喜欢就赶紧get哦！

【 tulaoshi.com - Web开发】

css usage是一个基于firebug的firefox扩展，可以用来查看页面中的CSS的使用情况，可以清楚的查看css文件中所有的规则在你的网站中的真实的使用情况。可以查看一个网站中多个页面中的css使用情况这个很好，可以看到CSS的在网站中的全局使用情况。

预览：

cssusage

下载地址：主页地址：

用法：

打开你想要扫描的网站的页面，打开Firebug，切换到CSS Usage标签，然后点击scan按钮。如果是用了大量ajax或者dhtml的网站中，打开尽可能多的隐藏的div/窗口/tab，以使CSS Usage爬取尽可能多的内容。然后访问你的网站的其它页面。每访问一个新的页面，请按一次scan按钮。当然，也可以选择autoScan按钮，这样就不用每次按Scan按钮了。

扫描的结果中，绿色的规则表示当前页面中有用到，黑色表示其它页面中用到，红色表示没有被扫描到(至少在当前页面)，灰色是伪类(:hover之类)

一些特性：

可显示规则的行数自动扫描(autoScan) 链接到CSS文件(可以在新tab中打开该CSS文件)

来源:http://www.tulaoshi.com/n/20160220/1631394.html

上一篇：有趣图例:你是一个网页设计师吗?
下一篇： Win8系统开启Win8自动备份功能

看过《基于firebug的firefox扩展:css usage》的人还看了以下文章更多>>

基于firebug的firefox扩展:css usage 02-20
css usage 基于firebug的firefox扩展 02-19
Firefox的Firebug扩展：FireScope 02-20
Firefox如何安装.xpi的扩展 03-31
安装Firefox的Jetpack扩展的步骤 02-20
Firefox如何安装扩展和主题 03-31
强悍无比的WEB开发好助手FireBug(Firefox Plugin) 02-19
CSS IE 和 Firefox 的区别 02-19
JS应用在Firebug中的扩展架构模式 02-20
Firefox的Jetpack扩展案例分析:Gmail邮件提醒 02-20

Mozilla Firefox 建议的CSS书写顺序

标签： Web开发

mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide -http://mozilla.org/contribute/writing/markup) */ /* Suggested order: //显示属性 * display * list-style * position * float * clear //自身属性 * width * height * margin * padding * border * background //文本属性 * color * font * tex...

Linux上五十个最佳的FireFox扩展插件

标签： Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理

FireFox的扩展插件有成百上千，你要用哪个呢？这里收集了50个流行的扩展插件，下载后安装，会让你的FireFox浏览更轻松。请注意，大多数扩展插件可以在FireFox2.0上使用，如果无法使用，那么使用Nightly Tester Tools扩展来让他们工作。当一个新的FireFox版本发布后，这个扩展插件可以允许你轻松更新这些已经存在的扩展。标签页管理 ...

CSS教程:可扩展圆角标签

标签： Web开发

在制作网页的时候，很流行使用标签的方式进行分类显示，圆角标签具有样式美观、表现方式形象的优点，一般我们都会将圆角标签的背景制作成一张图片，这样做的不足之处是如果标签文字字数变化（如图1），固定的背景图片不能随之进行扩展。这样我们就需要制作很多张不同宽度的背景图片，很不方便。下面介绍两种制作可扩展圆角标签的方法...

网页版Firebug

标签： Web开发

Firebug 可以说是 FF 最强大的插件之一，它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构，还可以临时修改这些代码，是开发不可缺少的利器。这也许您早已知道，但网页版的 "Firebug" 你听说吗？其实也不是 Firebug 了，而是类似于 Firebug ，功能也没有真正的 Firebug 那么强大，仅可以用来查看网页 DOM 结构和一些 CSS ...

Firefox、IE的最基本的CSS兼容技巧

标签： Web开发

同时兼容IE、FF的基本注意事项： float的div一定要闭合。例如：(其中floatA、floatB的属性已经设置为float:left;) wrapper div id="floatA"/div div id="floatB"/div div id="NOTfloatC"/div /wrapper 这里的NOTfloatC并不希望继续平移，而是希望往下排。这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标...

查看更多精彩>>