在Chrome开发人员工具控制台中查找文字

Question

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

简而言之，您可以在Chrome开发工具（控制台标签）中执行CTRL-F，并使其展开正确的节点并突出显示/显示它在控制台中的位置吗？

编辑（已添加图片）：

Answer 1

打开开发工具，然后单击检查器内的某个位置。然后点击ctrl + F，它只会在检查器内搜索;这将扩展它在

中找到结果的元素

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

Answer 2

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

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