如何在开发者工具的所有 .css 文件中搜索一个类？答案

【问题标题】：How can I search for a class among all .css files in Developer Tools?如何在开发者工具的所有 .css 文件中搜索一个类？
【发布时间】：2023-03-28 08:20:01
【问题描述】：

我正在尝试使用 IE 的开发者工具在加载的页面上查找 CSS 类定义。

当我使用 CSS 标签下的搜索框时，它似乎只搜索选定的 CSS 文件。

是否可以在页面加载的所有css文件中进行搜索？

【问题讨论】：

您必须使用 IE 和开发者工具吗？ Firebug 的搜索框完全符合您的要求。
那么，你说在 IE 的开发者工具中不可能吗？
我不知道，我也没有安装 IE 来检查（如果我可以肯定地说，我会发布答案而不是评论）。我只能说 Firebug 可以满足您的要求。如果您出于任何原因需要使用 IE，那么我无能为力；但是如果你可以切换到不同的浏览器，我会说这样做，因为它们都有比 IE 更好的调试工具。
@pencilCake 如果您有 10 个样式表，您将不得不忍受每次从下拉菜单中手动切换的痛苦。没有“搜索所有”选项。
那我想知道他们为什么不考虑在Interent Explorer Developer Tools中引入这么有用的功能:(

标签： html css internet-explorer ie-developer-tools

【解决方案1】：

好的，我试过了，但无法使用 IE 的开发人员工具栏完成您要求的操作。正如@Spudley 所说，Firebug 做到了。

【讨论】：

【解决方案2】：

我们的 WordPress 网站遇到了类似的问题（即无法一次搜索所有 CSS/PHP/JS 文件）。作为解决方案，我们创建了一个插件来允许我们这样做。如果这个问题与 WordPress 网站有关，则该插件可能会有所帮助 - 您可以搜索所有内容并直接在 WordPress 中进行编辑，而不是在 Firebug 中搜索然后再跳回 WordPress。插件名为WP Backend File Search

【讨论】：

OP 要求的是通用客户端解决方案，而不是 WordPress 特定的服务器端解决方案。