如何在网站上找到所有未使用的CSS样式

时间:2014-09-02 13:18:23

标签: css refactoring dead-code

出于重构目的,我试图在我的网站上找到所有未使用的CSS样式定义。谷歌浏览了一段时间后,我找到了各种工具,如Google Chrome的审核功能或Firefox附加组件,名为" dust-me选择器":How can I find unused images and CSS styles in a website?

对我来说,这些工具不起作用,因为:

  1. 在运行时,它们只会触发Chrome或Firefox特定的css,这意味着其他代码,例如通过IE条件评论包含的IE特定内容的样式将被标记为未使用,尽管这不是真的。
  2. 这些工具仅适用于我目前正在查看的页面。因此,如果我的所有页面都有一个大的css文件,这些工具将标记相当多的样式,因为我正在查看的一个页面未被使用,尽管它们可能在其他页面上需要,因为切换页面将生成这些工具&# 34;忘记"他们最后一个州。
  3. 有没有免费的工具可以让我找到考虑跨浏览器和多个页面的未使用的CSS样式?

1 个答案:

答案 0 :(得分:0)

只需使用以下链接搜索未使用的css Remove Unused CSS