怎样清算无用的CSS样式,你晓得吗?
安装:点击这里。同时,你可下列载该项目的源代码,理解更多请拜访 Dust-Me selector官方页面。
二、Page Speed
Page Speed是Google供给的一个前端机能剖析工具,有些相似于YSlow,但是供给了一些比拼个性且很实用的工具,比方Remove unused CSS:
Page Speed和YSlow同样依赖Firebug。
Page Speed和YSlow同样依赖Firebug,理解详情和安装请拜访这里。
三、CSS Redundancy Checker
CSS Redundancy Checker 是一个免费的在线利用,可以检查所有的运用某个CSS文件的页面中无用的样式。可以同时检查某一个样式在多个页面中的运用状况。
该工具的不够是虽然一次能检查多个HTML页面,但每次只能检查一个CSS文件,并且还要手动输入:
四、IntelliJ IDEA
IntelliJ IDEA 这是一个颇强大的IDE,相似于DreamWeaver,不外在国内用的未几。该软件包含一个即时期码剖析工具(On-the-fly Code Analysis),可以剖析CSS文件中未用到的class和id。
五、Expression Web
Expression Web作为微软的新一代网站开发工具,还是有许多人运用的,其CSS Report功能可以检查未用到需要被革除的CSS(我确实没有运用EW开发过网站,但愿运用该软件的童鞋可以帮助确认一下这一点)。
小结:
固然可能还有其它的某些工具这里没有提到,要是大家有所理解,可以与大家分享。
别的,平常我们将整个网站的样式写入一个或多个样式文件中,然后在页面中全部调取或者分模块调取,在52CSS.com的网站样式文件组织方面的文章中,有过介绍。
那么某个CSS文件中的样式可能在某个页面中确实没实用到但是在其它的页面中被用到了,所以运用这些工具检测CSS文件中余外的样式的时候,需要维持一定的谨慎,革除样式可能会影响到其它的页面
所以 page speed供给的检查效果只适用于单个页面,不适合整个网站,而运用Dust-Me或CSS Redundancy Checker的时候可以对整个网站或者网站的多个页面同时检查,这样可能能以免安若泰山。
谢谢大家的浏览,但愿大家收益多多。
本文转自: https://blog.csdn.net/wuchengzhi82/article/details/8669052
举荐教程:《CSS教程》
以上就是怎样清算无用的CSS样式,你晓得吗?的细致内容,更多请关注 百分百源码网 其它相干文章!