有没有工具可以检测哪些HTML/CSS代码行实际上不再使用？

Question

最近我重新设计了我的网站，现在加载网页时有很多代码行不再使用。手动一个个查找真的很繁琐，有没有工具可以解决这个问题呢？ 谢谢！

- Nagendra Rao

---

你能否举出没有使用的HTML代码的例子？我能理解你可能有很多未使用的CSS，但不是HTML。 - Chris Herbert

你如何定义“未被使用”？ - Andrew Marshall

在这个上下文中，“不再使用”是什么意思？如果它们像这样被注释掉<!---->，那就很容易了。请详细说明一下。 - sqreept

@ChrisHerbert 是的，我是指大型 CSS，而不是 HTML。AndrewMarshall 如何知道我的重新设计的 HTML 中是否使用了像 "<script type="text/javascript" src="lib/scripts/jquery.1.4.2.js"></script>" 这样的 JavaScript 包含文件？ - Nagendra Rao

你应该自己知道。 - akashivskyy

现在对你来说没有用处，但是以后参考起来，我强烈建议你在重新设计时放弃CSS。像你发现的那样，通过多个网站重新设计来维护CSS是一个非常混乱的工作。 - DA.

Answer 1

看起来http://unused-css.com/会检查你的网站上未使用的CSS。

未使用的JS会更加困难。

- Andy Lester

---

我应该指出，我在谷歌搜索“未使用的CSS”大约两秒钟后就找到了这个信息。 - Andy Lester

问题在于该服务仅为性质更为静态的网站提供帮助。现今网站，尤其是网络应用程序趋向于单页 JavaScript 应用程序和设置，其中视图和页面元素会实时生成、修改和删除。因此，视图总是在变化，因此许多实际上被使用的 CSS 将显示为未使用。因此，在咨询并删除任何 CSS 之前，请注意这一点。 - Valjas

@AndyLester 我不知道为什么我当时没去搜索一下！嗯，这个问题让我获得了约22点声望和一个铜牌！;) - Nagendra Rao

Answer 2

这些是用于修复HTML的工具：

• http://fixmyhtml.com/
• http://unfuckmyhtml.com/

这些是用于修复CSS的工具：

• http://unused-css.com/
• https://github.com/giakki/uncss（我个人推荐这个。非常好用的工具！）

- Nagendra Rao