在 Chrome 开发者工具控制台中查找文本答案

【问题标题】：Finding text in Chrome developer tools console在 Chrome 开发者工具控制台中查找文本
【发布时间】：2016-10-03 19:55:21
【问题描述】：

我在 Chrome 开发工具的控制台选项卡中查看了一个非常大的对象（就可扩展性而言 - 很多节点可以扩展）。我正在寻找某个值来调试图表。有没有办法执行 CTRL-F（查找）并让 Chrome 开发工具 expand 正确的节点来显示它的位置？我可以手动扩展每个节点，但这很可能需要很长时间（就像我说的 - 很多节点）。我是 HTML 新手，所以这可能是微不足道的。现在，当我执行 CTRL-F 时，它会告诉我有多少个实例，但除非节点已经展开，否则它不会突出显示它们。

简而言之，您能否在 Chrome 开发工具 （控制台选项卡） 中执行 CTRL-F 并使其展开适当的节点并突出显示/显示它在控制台中的位置？

编辑（添加图片）：

【问题讨论】：

在元素上右击鼠标并点击“检查”
如果我在“元素”选项卡中执行 CTRL+F，它会自动扩展在文档中与我的搜索匹配的任何内容的节点。这不是您正在经历的行为吗？
我专门讨论的是 Chrome 开发者工具中的控制台选项卡（我通过右键单击->“检查”访问）；我已将图像附加到原始帖子。为了让您了解我正在尝试做什么：我有一个图表，在单击或悬停时执行 chartClicked/chartHover 方法。它返回一个对象。我想获取该对象并获取图表的各个 x,y 值。但是，我在返回的对象中找不到这些值（由于它的大小/可扩展性）。

标签： javascript html google-chrome google-chrome-devtools

【解决方案1】：

您可以在日志语句中使用JSON.stringify，然后像往常一样使用 Ctrl + F / Cmd + F。虽然它不是很漂亮，如果你有循环引用它会失败。

另一种解决方案是在 Chrome 代码段中创建一个扩展函数，该函数循环遍历节点并递归记录它们，并在每个级别使用 console.group 进行分组。请参阅此solution。根据其他解决方案，您可以使用快捷方式查找文本。

【讨论】：

【解决方案2】：

打开开发工具，然后单击检查器内的某个位置。然后只需按 ctrl+F 它只会在检查器内搜索；这将扩展它找到结果的元素

编辑： 要在控制台中查找内容，请单击过滤器按钮（右上角的第二个按钮），然后输入您要搜索的内容。这可能不是您想要的，但不幸的是，我认为这是您可以在控制台中执行的最具体的搜索。

【讨论】：

这就是我想做的，但在“控制台”选项卡中，而不是“元素”选项卡中。请参阅原始帖子编辑。
我不知道谁赞成这个，但这不是问题所要问的