使用“检查元素”进行搜索时如何包含 html？答案

【问题标题】：How to include html when searching with "inspect elements"?使用“检查元素”进行搜索时如何包含 html？
【发布时间】：2015-06-30 00:21:36
【问题描述】：

好的，这看起来很简单，但我一直在摸索。

当我转到“检查元素”时，我看到了这个（例如）：

    <div class="topbar">

我可以使用搜索来查找“顶部栏”，但不能查找全部内容（使用“>”）。是否有一些简单的方法可以使用谷歌浏览器的 devtools 搜索所有文本，包括 html 部分？

【问题讨论】：

【解决方案1】：

尝试解决此问题的一种快速方法是使用选择器，在本例中为 .topbar 搜索时。目前看来，字符串选择只搜索内容文本，而不是 DOM 结构。

如果您想查看搜索是否可以更新，我们随时欢迎new bug reports。 DevTools 小组不介意通过此系统提出的功能请求。请在标题中包含“DevTools”，以便任何分类人员都可以轻松知道将其发送到哪里。

【讨论】：

我明白了，它目前不搜索结构。这似乎是一件简单的事情，现有的工具必须已经完成了！谢谢你的回答。
这并不像看起来那么简单。这是一个 DOM 结构视图，因此它不是完全纯文本搜索直接显示的内容。它似乎对底层 DOM 进行查询，然后突出显示结果。一旦你开始添加空格和括号，查询就会中断，所以什么都不显示，或者不正确的东西。