如何在Firefox代码检查器中找到特定标记的所有实例?例如。如果我想找到<th>
的所有实例,如何在没有得到源代码文本中每个'th'实例的情况下进行搜索?没有id="thread2"
,没有<p> FEATHERS</p>
,理想情况下甚至没有<thead>
的实例,只是<th>
标签?
每当我在搜索栏中的任何查询中键入<th>
时,都不会得到任何结果,因为没有按顺序排列这些字符的非标记文本。我怀疑有某种方法可以专门搜索我不知道但无法找到的标签。
如何在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)
”,但是对此的支持以及即将过时的{{1} }伪类似乎不在检查器搜索中。希望这将是将来的解决方案。
我唯一能想到的解决方案是使用:matches
伪类和实际上不存在的东西。例如,CSS选择器中的:not
。th:not([_])
查找方括号内具有属性的元素。因此,该示例正在搜索{em> not 具有属性[]
的{{1}}标签。可能会使用比th
更有效的伪类,但这是我能找到的唯一的伪类。
另一种解决方案是进入控制台并使用_
。控制台中的输出将列出DOM中的所有标签,并为您提供一个检查器链接,单击该链接可将您带到该节点的DOM检查器中。