firefox - 如何在Firefox DevTools的“检查器”选项卡中进行简单搜索？

Question

我正在使用Firefox DevTools，并且正在使用“检查器”选项卡，其中显示了HTML树。

当我使用Search HTML功能时，它仅搜索标签。所以假设我有这个:
<div class="lol">textinsidediv</div>
当我搜索“div”时，它会相应地返回<div>。但是，如果我搜索“textinside”，尽管它从那里开始，但它与内容中的文本不匹配。

我的问题:如何在此HTML树中搜索任意字符串？

(相反，Firebug按预期执行简单的文本搜索。)

Answer 1

这并不是真正没用的html标签搜索，它实际上是搜索CSS选择器(与您在CSS，Javascript中的querySelector或jQuery选择器中使用的选择器相同)

因此，您可以搜索#id，通过搜索.class来遍历某个类的所有元素，甚至可以搜索具有属性(包括文本)的所有元素，例如[class*="o"]应该在类属性中给所有具有字母o的元素。这对于设计人员/开发人员想要查找的内容很有帮助-要查找文本，可以在页面中按Ctrl + F，然后右键单击并检查元素。