百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 怎样清算无用的CSS样式,你晓得吗?
分享文章到:

怎样清算无用的CSS样式,你晓得吗?

发布时间:09/01 来源:未知 浏览: 关键词:
我们在编写CSS样式的时候,往往会遭遇CSS样式的修改或者界面设计的变动,页面的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样式,你晓得吗?的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板