如何在 Firefox 代码检查器中找到特定标记的所有实例？例如。如果我想找到 <th> 的所有实例，我如何在不在源代码文本中给出“th”的每个实例的情况下搜索它？没有 id="thread2" , 没有 <p> FEATHERS</p> , 理想情况下甚至不是 <thead> 的实例, 只是 <th>标签？
每当我输入 <th>在搜索栏中的任何查询中，我都没有得到任何结果，因为没有非标记文本具有该序列中的这些字符。我怀疑有一些方法可以专门搜索我不知道的标签，但我一直没能找到它。
最佳答案
关于DOM Inspector FAQ据说解决方案是使用正则表达式。在您的情况下，它将是 ^th$。这对使用 Firefox 70.0.1 的我不起作用。
Firefox DOM Inspector 搜索框也使用 CSS 选择器，所以我想告诉你答案是“只做 :is(th)”，但支持那个和 to -过时的 :matches 伪类似乎不在检查器搜索中。希望这将成为 future 的解决方案。
我能想出的唯一解决方案是将 :not 伪类与实际上不存在的东西一起使用。例如，CSS 选择器中的 th:not([_]).[] 会查找带有方括号内属性的元素。因此，该示例正在搜索 不 具有属性 _ 的 th 标签。可能有比 :not 更有效的伪类可供使用，但这是我能找到的唯一有效的伪类。
另一种解决方案是转到控制台并使用 document.querySelectorAll('th')。控制台中的输出将列出 DOM 中的所有标签，并为您提供一个检查器链接，单击该链接后，您将进入该节点的 DOM 检查器。
关于html - 如何在 Firefox 代码检查器中搜索标签并排除简单文本结果？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58741219/