有没有一种方法可以在使用HTML、JavaScript和CSS构建的Web应用程序中识别孤立的类？

Question

有没有一种方法可以在使用HTML、JavaScript和CSS构建的Web应用程序中识别孤立的类？

8

我一直在努力学习网站开发。其中的一部分是逐步调整我的网站，尝试通过每个小变化学习新东西。

但是我遇到的问题是，随着网站的发展，我不断删除和添加HTML元素中的类。显然，当我在HTML中创建这些选择器时，我会在我的JavaScript或CSS中针对它们进行操作，但我经常回头删除元素。这会在我的JavaScript和CSS中留下孤立的引用，以及在HTML中不必要/未引用的类和ID。

我的问题是，是否有一种实用程序可以同时识别CSS、HTML和JavaScript中的这些孤立选择器，以便我可以安全地清理这些文件？到目前为止，建议的解决方案非常适用于查找CSS中不必要的选择器，但似乎无法帮助我识别HTML中不必要的类或ID，这也是我想做的事情。是否有一种双向工作的方法来实现这一点？

*听起来对于JavaScript / jQuery有方法，但对于我的目的，我的JavaScript足够干净，我可以自己清理它，所以如果重点放在CSS和HTML上，那就没问题了。

- finiteloop

2个回答

2

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

- cryptic ツ

很不幸，FF 22 损坏了这个 https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/。 - finiteloop

最新版本支持Firefox 25。 - cryptic ツ

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- basarat · Accepted Answer

针对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返回的值，以确保所有选择器都返回一些结果。但这不是一种确定性的做事方式。