验证CSS文件

时间:2011-02-02 14:47:48

标签: html css xhtml sitemap validation

我有一个随着时间的推移而增长的CSS文件。许多程序员来去匆匆。该网站已经发生了变化,CSS中的一些代码已不再使用。有没有快速的方法来验证正在使用什么和不使用什么?我需要删除不再使用的OLD代码。即使有一个“站点地图”方法 - 这将证明更好。请提出所有建议。

5 个答案:

答案 0 :(得分:9)

如果您使用Firefox,则可以使用完全符合要求的Dust Me Selectors插件。它为你找到未使用的选择器:)试一试!

还有CSS Usage plugin,它会查看您的CSS文件,并告诉您哪些没有被使用。 :)

答案 1 :(得分:3)

答案 2 :(得分:2)

我给@Kyle Sevenoaks +1答案,因为Dust Me Selectors是一个非常好的工具。

但是,我想补充几点(超过我对评论的评价,因此将其作为答案):

即使你从Dust Me得到了结果,你仍然必须在完成结果时非常聪明,因为它可能会产生误报和漏报:

在CSS中指定选择器但未在当前页面上使用的情况下可能出现误报。但请注意,它可能仍会在网站的其他页面中使用,因此不要只在主页上运行它并期望获得最终结果;您需要测试站点中的每个页面并合并结果。

此外,如果您有任何在运行时向页面添加元素的Javascript代码,或者更改元素的类名,那么他们可以选择在页面首次加载时未使用的CSS选择器。 / p>

如果页面中使用了选择器,则可能发生误报,但仍然是多余的,因为它总是被覆盖。像你描述的那样的网站是这种事情的成熟候选者,在以后添加新风格的东西,而不删除旧样式。我不知道Dust Me是否可以选择这类东西,但它们当然很难发现,因为你需要确保它们在这种情况下或在任何其他环境中都不会被使用。 / p>

所以我的信息是自动化工具是一个好主意,我绝对推荐Dust Me,但不要依赖它。

答案 3 :(得分:0)

我发现Dust-Me选择器适用于单个页面,但我无法通过400+ URLS(使用XML文件作为索引)的网站获取它。它通常会通过20到30个URL,然后挂起。关于哪些选择器正在使用的累积报告似乎也不起作用 - 我猜它只是显示最后一页查看的结果。

我看到有关其他地方的蜘蛛功能的类似评论。也许这只是不能可靠地运作?

答案 4 :(得分:0)

CSS Formatter和Optimiser +在我喜欢的过程中验证您的CSS: http://www.cleancss.com/