如何在 Firefox 代码检查器中搜索标签并排除简单文本结果?

How do I search Firefox code inspector for tags and exclude simple text results?

如何在 Firefox 代码检查器中找到特定标记的所有实例?例如。如果我想找到 <th> 的所有实例,我如何在不在源代码文本中给出 'th' 的每个实例的情况下进行搜索?没有 id="thread2",没有 <p> FEATHERS</p>,理想情况下甚至没有 <thead> 的实例,只有 <th> 标签?

每当我在搜索栏中的任何查询中键入 <th> 时,我都得不到任何结果,因为没有非标记文本具有该序列中的这些字符。我怀疑有一些方法可以专门搜索我不知道的标签,但我一直没能找到它。

DOM Inspector FAQ 上据说解决这个问题的方法是使用正则表达式。在您的情况下,它将是 ^th$。这对我使用 Firefox 70.0.1 不起作用。

Firefox DOM Inspector 搜索框也使用 CSS 选择器,所以我想告诉你答案是 "just do :is(th)",但支持那个和 to-过时了 :matches 伪 class 似乎在检查员搜索中没有。希望这将是未来的解决方案。

我能想到的唯一解决方案是使用 :not 伪 class 和实际上不存在的东西。因此,举个例子,th:not([_]).[] in CSS 选择器查找带有方括号内属性的元素。因此,该示例正在搜索具有 属性 _th 标签。可能有一个比 :not 更有效的伪 class 可以使用,但这是我能找到的唯一一个有效的方法。

另一种解决方案是转到控制台并使用 document.querySelectorAll('th')。控制台中的输出将列出 DOM 中的所有标签,并为您提供检查器 link,单击该检查器后,您将进入该节点的 DOM 检查器。