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

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

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

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

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

Firefox DOM Inspector搜索框也使用CSS选择器,因此我想告诉您答案是“只做:is(th)”,但是对此的支持以及即将过时的{{1} }伪类似乎不在检查器搜索中。希望这将是将来的解决方案。

我唯一能想到的解决方案是使用:matches伪类和实际上不存在的东西。例如,CSS选择器中的:notth:not([_])查找方括号内具有属性的元素。因此,该示例正在搜索{em> not 具有属性[]的{​​{1}}标签。可能会使用比th更有效的伪类,但这是我能找到的唯一的伪类。

另一种解决方案是进入控制台并使用_。控制台中的输出将列出DOM中的所有标签,并为您提供一个检查器链接,单击该链接可将您带到该节点的DOM检查器中。

本文链接:https://www.f2er.com/3147845.html

大家都在问