几款清理无用的CSS样式的工具
在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来了解一下几个比较有用的工具。
Dust-Me selectors
Dust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。
支持本地和远程样式文件，包括使用link标签、& ?xml-stylesheet?&处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的style块和内联样式)
支持IE条件注释中引入的样式文件；
可以检查一个页面，也可以检查整个网站；
支持CSS1选择器、大部分CSS2和CSS3选择器；
理解通用的CSS hack，比如 &* html #fuck-ie&将会被认为是&html #fuck-ie&；
支持Firefox 3.5和Firefox 3.0，事实上得益于FF 3.5的js引擎的改进，FF 3.5中的性能比FF 3.0要高50%。
Page Speed
Page Speed是Google提供的一个前端性能分析工具，有些类似于YSlow，但是提供了一些比较个性且很有用的工具，比如Remove unused CSS.
Page Speed和YSlow一样依赖Firebug。
CSS Redundancy Checker
CSS Redundancy Checker 是一个免费的在线应用，可以检查所有的使用某个CSS文件的页面中无用的样式。可以同时检查某一个样式在多个页面中的使用情况。该工具的不足是虽然一次能检查多个HTML页面，但每次只能检查一个CSS文件，而且还要手动输入
http://services.immike.net/css-checker/
IntelliJ IDEA
IntelliJ IDEA 这是一个颇强大的IDE，类似于DreamWeaver，不过在国内用的不多。该软件包括一个即时代码分析工具(On-the-fly Code Analysis)，可以分析CSS文件中未用到的class和id。
Expression Web
Expression Web作为微软的新一代网站开发工具，还是有很多人使用的，其CSS Report功能可以检查未用到需要被清除的CSS。
如果您喜欢本文请分享给您的好友，谢谢！如想浏览更多更好的内容，请登录：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）解决IDEA使用jetty跑项目js、css文件被占用无法修改的问题 - 推酷
解决IDEA使用jetty跑项目js、css文件被占用无法修改的问题
用IDEA开发web项目使用maven的jetty插件跑的时候经常遇到项目启动后，无法编辑js文件和css文件。
最初以为是Idea的问题，但是这么严重的一个问题怎么就没有人注意呢？
后来又上网查了好多资料，原来才发现不是IDEA的问题，是jetty本身的问题：原因是如果NIO被支持的话，Jetty会使用内存映射文件来缓存静态文件，其中包括.js文件。在Windows下面，使用内存映射文件会导致文件被锁定。
解决方案是不使用内存映射文件来做缓存。
到maven本地仓库的org/eclipse/jetty/jetty-webapp/下，找到对应版本的jetty插件修改webdefault.xml
&init-param&
&param-name&useFileMappedBuffer&/param-name&
&param-value&true&/param-value&
&/init-param&
&init-param&
&param-name&useFileMappedBuffer&/param-name&
&param-value&true&/param-value&
&/init-param&
&init-param&
&param-name&useFileMappedBuffer&/param-name&
&param-value&false&/param-value&
&/init-param&
&init-param&
&param-name&useFileMappedBuffer&/param-name&
&param-value&false&/param-value&
&/init-param&
即可搞定！也可以将此文件拷贝到项目中，在jetty插件配置中引入：
&groupId&org.mortbay.jetty&/groupId&
&artifactId&jetty-maven-plugin&/artifactId&
&version&7.5.1.v&/version&
&configuration&
&connectors&
&connector implementation=&org.eclipse.jetty.server.nio.SelectChannelConnector&&
&port&8088&/port&
&maxIdleTime&60000&/maxIdleTime&
&/connector&
&/connectors&
&systemProperties&
&systemProperty&
&name&org.eclipse.jetty.util.URI.charset&/name&
&value&UTF-8&/value&
&/systemProperty&
&/systemProperties&
&webAppConfig&
&defaultsDescriptor&src/main/resources/webdefault.xml&/defaultsDescriptor&
&/webAppConfig&
&/configuration&
&groupId&org.mortbay.jetty&/groupId&
&artifactId&jetty-maven-plugin&/artifactId&
&version&7.5.1.v&/version&
&configuration&
&connectors&
&connectorimplementation="org.eclipse.jetty.server.nio.SelectChannelConnector"&
&port&8088&/port&
&maxIdleTime&60000&/maxIdleTime&
&/connector&
&/connectors&
&systemProperties&
&systemProperty&
&name&org.eclipse.jetty.util.URI.charset&/name&
&value&UTF-8&/value&
&/systemProperty&
&/systemProperties&
&webAppConfig&
&defaultsDescriptor&src/main/resources/webdefault.xml&/defaultsDescriptor&
&/webAppConfig&
&/configuration&
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致解决IDEA使用jetty跑项目js、css文件被占用无法修改的问题 - 简书
<div class="fixed-btn note-fixed-download" data-toggle="popover" data-placement="left" data-html="true" data-trigger="hover" data-content=''>
写了50743字，被247人关注，获得了267个喜欢
解决IDEA使用jetty跑项目js、css文件被占用无法修改的问题
用IDEA开发web项目使用maven的jetty插件跑的时候经常遇到项目启动后，无法编辑js文件和css文件。最初以为是Idea的问题，但是这么严重的一个问题怎么就没有人注意呢？后来又上网查了好多资料，原来才发现不是IDEA的问题，是jetty本身的问题：原因是如果NIO被支持的话，Jetty会使用内存映射文件来缓存静态文件，其中包括.js文件。在Windows下面，使用内存映射文件会导致文件被锁定。解决方案是不使用内存映射文件来做缓存。
到maven本地仓库的org/eclipse/jetty/jetty-webapp/下，找到对应版本的jetty插件修改webdefault.xml将：
&init-param&
&param-name&useFileMappedBuffer&/param-name&
&param-value&true&/param-value&
&/init-param&
&init-param&
&param-name&useFileMappedBuffer&/param-name&
&param-value&false&/param-value&
&/init-param&
即可搞定！也可以将此文件拷贝到项目中，在jetty插件配置中引入：
&groupId&org.mortbay.jetty&/groupId&
&artifactId&jetty-maven-plugin&/artifactId&
&version&7.5.1.v&/version&
&configuration&
&connectors&
&connector implementation="org.eclipse.jetty.server.nio.SelectChannelConnector"&
&port&8088&/port&
&maxIdleTime&60000&/maxIdleTime&
&/connector&
&/connectors&
&systemProperties&
&systemProperty&
&name&org.eclipse.jetty.util.URI.charset&/name&
&value&UTF-8&/value&
&/systemProperty&
&/systemProperties&
&webAppConfig&
&defaultsDescriptor&src/main/resources/webdefault.xml&/defaultsDescriptor&
&/webAppConfig&
&/configuration&
写这篇文章只为能够帮到你^o^
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
写这篇文章只为能够帮到你^o^
选择支付方式：求css和js高手帮忙看一下这个网站是怎么设计的-中国学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
> 信息中心 >
求css和js高手帮忙看一下这个网站是怎么设计的
来源：互联网 发表时间： 14:53:33 责任编辑：王亮字体：
为了帮助网友解决“求css和js高手帮忙看一下这个网站是怎么设计的”相关的问题，中国学网通过互联网对“求css和js高手帮忙看一下这个网站是怎么设计的”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:求css和js高手帮忙看一下这个网站是怎么设计的，具体解决方案如下：解决方案1：用chrome审查元素可以看到页面的静态代码，这个页面前端是Ext掸础侧飞乇读岔嫂唱讥js动态加载手势动作是用hammer.js这个现成的插件完成的
解决方案2：这是个手机网站啊~怎么看不到源码啊？你新手吧~用chrome按F12看看~不过掸础侧飞乇读岔嫂唱讥我觉得你看了也未必能做出来~但是我可以帮你哦~嘿嘿……
1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答
相关文章：
<a href="/cse/search?q=<inputclass="s-btn"type="submit"text="<inputclass="s-btn"type="submit"text="<buttonhidefocusclass="s-btnjs-ask-btn"text="我要提问
<a href="/cse/search?q=}