在Web项目中查找未使用的CSS规则和js脚本?

时间:2011-06-02 08:03:33

标签: javascript asp.net css

HI .. 我的项目有许多CSS角色和JavaScript脚本,我的项目中没有使用它们。如何找到这些未使用的文件?

2 个答案:

答案 0 :(得分:9)

有一个名为Dust Me Selectors的小火狐插件,可以扫描页面中没有使用的CSS。

这是一个非常好的工具,用于在样式表中发现冗余的内容。

但是,您仍然需要小心,因为很可能在运行程序时未使用样式表,但仍需要您的站点 - 即它可用于动态内容,或用于其他共享相同样式表代码等的页面

[编辑]

我删除了之前的编辑,我注意到这个项目可能已被放弃,因为事实上它看起来像是在积极开发中。全面的好消息。

答案 1 :(得分:7)

当我需要这样做时,我已经使用了开发环境的搜索功能来搜索解决方案中的所有文件,以查找我怀疑未使用的文件的文件名。如果它没有找到,或者只在文件本身中找到,我知道它没有被使用,因为必须引用文件(通过scriptlink元素,或者

。用于组合和缩小它们的脚本

当然,如果您从组件部件构建文件名,那将无法正常工作。例如,如果您的代码包含变量basename,其中包含“foo”,然后输出脚本标记的代码,如:

<script src="<%=basename%>-bar.js"></script>

...然后我搜索“foo-bar.js”就找不到了。如果您的代码中存在真正的可能性,则必须找到所有scriptlink元素并自行检查...

...或实验:部署您的解决方案,并在服务器上删除您认为可能未使用的每个文件,在浏览器上刷新,并在控制台中查找404。


...所有这些都与未使用的文件相关。如果您认为文件引用,但未使用其内容,则您需要有选择地删除引用并查看哪些内容(blech,手动和容易出错的过程)或您我需要一个代码覆盖率分析工具。 This question here on StackOverflow讨论了JavaScript的代码覆盖率分析工具,Spudley's answer这里指的是CSS代码覆盖率(缺乏更好的术语)工具。