8

我一直在尝试深入研究 Web 开发。这个过程的一部分是在我的网站上逐步调整内容，尝试通过每次增量更改来学习新的东西。

我遇到的问题是，随着网站的发展，我最终会取消并向我的 HTML 元素添加新类。显然，当我在我的 HTML 中创建这些选择器时，我会在我的 JavaScript 或我的 CSS 中定位它们，但我经常会返回并删除元素。这会在我的 JavaScript 和 CSS 中留下对这些选择器的孤立引用，以及 HTML 中不必要/未引用的类和 id。

我的问题是，是否有一些实用程序可用于在我的 CSS、HTML 和 JavaScript* 中识别这些孤立的选择器，以便我可以安全地清理这些文件？到目前为止建议的解决方案非常适合在我的 CSS 中查找不必要的选择器，但似乎无助于在我的 HTML 中识别不必要的类或 ID，这也是我想做的事情。有什么东西可以像描述的那样双向工作吗？

*听起来 JavaScript/JQuery 有方法，但就我的目的而言，我的 JavaScript 足够干净，我可以在没有帮助的情况下清理它，所以如果重点放在 CSS 和 HTML 上就可以了。

4

2 回答 2

2

对于 CSS，有一个 Firefox 扩展可以在页面上找到未使用的 CSS 选择器。它可以选择蜘蛛整个站点。版本 3.01 应该适用于较新版本的 Firefox。

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

这是另一种选择。

https://addons.mozilla.org/en-US/firefox/addon/css-usage/

对于 Javascript，你几乎是靠你自己的。如果您使用的是 jquery，您可以覆盖 $() 函数在该函数内调用 jQuery() 并检查/记录从 jQuery 返回的值，以确保所有选择器都返回一些结果。但它不是一种确定性的做事方式。

于 2013-01-31T23:40:01.153 回答
2

我使用Dust-Me 选择器（官方网站）在我的代码中查找孤立的选择器。适用于 Firefox 和 Opera，不幸的是我不认为它可以搜索 JS 或 PHP 代码，但会搜索 HTML 输出。

于 2013-01-31T23:40:31.920 回答