`
wangking717
  • 浏览: 262503 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

去除多余无用的CSS代码,dust-me-selectors堪称利器!

 
阅读更多
用于清理页面中多余的css的工具:dust-me-selectors 。

为什么说dust-me-selectors是一大利器,因为他支持多个页面同时监控,当PAGE1没有使用的,PAGE2有使用的,不会判断为unused。避免多页面,误删情况,非常方便!

优点:
可以检查一个页面,也可以检查整个网站;
  支持CSS1选择器、大部分CSS2和CSS3选择器;
  理解通用的CSS hack,比如 “* html #****-ie”将会被认为是”html #****-ie”;
  支持Firefox 3.5和Firefox 3.0,事实上得益于FF 3.5的js引擎的改进,FF 3.5中的性能比FF 3.0要高50%。
 

安装连接

http://www.sitepoint.com/dustmeselectors/

该工具是Firefox浏览器的一个附加插件。在FF浏览器地址栏中输入以上网址,页面上有如下链接:

点击Install now!系统便会安装此工具。




安装完成后,在所要查找的网页右击,点击Spider this page...,或点击Firefox右下角的DUST-ME图标。

点击Start按钮开始查找。

如果已经查找过改页面,会是如下这个样子:

可以选择Spider again。

查找结果如下:


有了DUST-ME后,从此仿别人的站无后顾之忧了,非常的便利给力呀!呵呵~
 
  • 大小: 74.7 KB
  • 大小: 11.5 KB
分享到:
评论

相关推荐

    dust_me_selectors-3.01-fx.xpi精简网站的冗余CSS

    需要配合firefox3.5或以上版本使用,属于firefox的一个插件,能够检测当前页面调用的CSSwenjian中,哪些被使用,那些为使用

    postcss-icss-selectors, 用于本地范围类和id的css模块的PostCSS插件.zip

    postcss-icss-selectors, 用于本地范围类和id的css模块的PostCSS插件 postcss-icss-selectors 用于本地范围类和id的css模块的PostCSS插件用法postcss([ require('postcss-icss-selectors')(options) ])有关环

    postcss-combine-duplicated-selectors:自动使CSS选择器保持唯一

    npm install --save-dev postcss postcss-combine-duplicated-selectors# oryarn add --dev postcss postcss-combine-duplicated-selectors使用PostCSS JS API 'use strict' ;const fs = require ( 'fs' ) ;const ...

    PostCSS插件list-selectors.zip

    list-selectors 可以列出你在 CSS 使用的 selector,它可作为一个独立的函数,CLI, 或者 PostCSS 插件。使用示例:var listSelectors = require('list-selectors'); listSelectors(  ['style/**/*.css', '!...

    CSS-Reference-Firefox参考文档

    This CSS Reference lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, and selectors in alphabetic order. It allows you to quickly access detailed information for each of ...

    tailwindcss-pseudo-selectors:Tailwind CSS插件,将所有不同的伪选择器添加到变量中

    Tailwindcss-伪选择器Tailwind CSS插件,将所有不同的伪选择器添加为变体安装NPM npm install tailwindcss-pseudo-selectors --save-dev纱yarn add tailwindcss-pseudo-selectors -D用法配置将插件添加到您的...

    testcafe-react-selectors, 用于响应应用的TestCafe选择器扩展.zip

    testcafe-react-selectors, 用于响应应用的TestCafe选择器扩展 testcafe-react-selectors这个插件提供了选择器扩展,使得使用 TestCafe 测试ReactJS组件变得更容易。 这些扩展允许你以React的方式选择页面元素。安装...

    postcss-selector-parser:CSS选择器解析器,与postcss集成,但不需要它

    postcss选择器解析器 选择器解析器,具有用于处理选择器字符串的内置方法。 安装 使用可以: npm install postcss-selector-parser 快速开始 const parser = require ( 'postcss-selector-parser' ) ; const ...

    node-rename-css-selectors::memo:重命名文件中CSS类和ID

    这是的插件内容安装用或安装npm i rename-css-selectors rcs-core 或者yarn add rename-css-selectors rcs-core用法异步: 编写异步rcs代码有3种不同的方式:回调,promise和async / await // you can use every ...

    清理无用的CSS样式比较有用的几个工具

    Dust-Me selectors Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。 支持本地和远程样式文件,包括使用link标签、< ?xml-stylesheet?>...

    postcss-add-root-selector:PostCSS插件将根选择器添加到所有其他规则

    PostCSS添加根选择器 插件将根选择器添加到所有其他规则中。 输入: . foo { color : red; } a . foo , section { color : red; } @media ( max-width : 700 px ) { # some-id { color : red; } } /* ...

    Python库 | rf-se-dtl-selectors-plugin-0.3.0.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:rf-se-dtl-selectors-plugin-0.3.0.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    css-diner-develop.zip

    CSS选择器学习 很好的一份练习 分享学习 It's a fun game to learn and practice CSS selectors. 转自:https://github.com/flukeout/css-diner

    超实用的css代码段 源码

    "超实用的css代码段"是一本由赵荣娇和任建智编著的书籍,旨在提供一系列实际、高效的CSS代码示例,帮助开发者提升网站设计和布局的能力。这本书的源码可能是为了读者能够更直观地理解并应用这些代码段。 首先,CSS...

    styling-nav-layouts-pseudo-selectors-css-lab-abp-11-17

    在本实验结束时, index.html具有style.css样式的主页应该看起来和行为类似(请注意光标移动时的悬停状态): 将样式编码在style.css中,并使用带有href属性和值stylesheet的rel属性的标记将其包含在index.html中。...

    css-diner-develop.rar

    CSS选择器学习 很好的一份练习 分享学习 It's a fun game to learn and practice CSS selectors. 转自:https://github.com/flukeout/css-diner

    stylesheets-and-nested-selectors-css-lab-abp-11-17

    CSS样式表和嵌套选择器目标<link>到index.html外部样式表style.css 。 使用嵌套的元素选择器来设置“破冰船”首页的导航样式。 玩边框,高度,填充,边距,行内显示和浮动。指示我们将设置“破冰船”网站导航...

    css3.0参考手册 CHM

    CSS3 Properties 属性列表 Borders border-color border-image border-radius box-shadow Backgrounds background-origin background-clip background-size multiple backgrounds Color HSL colors HSLA colors ...

    CSS-style-sheet.rar_StyleSheet.css_style

    CSS 样式表中文手册,手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Selectors)的介绍。

Global site tag (gtag.js) - Google Analytics