如何在Chrome DevTools控制台中的折叠组中记录消息

Question

我有一个在chrome devtools控制台中生成此输出的脚本：

是否可以在此处记录某些内容:(在折叠组的中间）

或者在这里:(在折叠组中的所有邮件之后）

产生此输出后？

Answer 1

在控制台对象上执行for循环，您将在Chrome中找到以下方法。

debug，error，info，log，warn，dir，dirxml，table，trace，group，groupCollapsed，groupEnd，clear，count，assert，markTimeline，profile，profileEnd，timeline，timelineEnd，time，timeEnd，timeStamp，memory

所以你可以做console.log，console.dir等等。

我使用的最好的是以下内容。

console.log - ＆gt;用于基本记录
console.dir - ＆gt;用于物品和收藏品 console.error - ＆gt;对于错误消息
console.warn - ＆gt;警告
console.table - ＆gt;数据（格式正确）
console.group - ＆gt;什么时候想要颜色编码

我能给你的最佳答案是试试看，哪一个最适合这种情况。

Answer 2

使用console.groupCollapsed()。

请参阅：

https://developer.mozilla.org/en-US/docs/Web/API/Console/groupCollapsed

https://developer.mozilla.org/en-US/docs/Web/API/Console/group

Answer 3

您的输出只是嵌套控制台组的一个示例，因此您当然可以在每个折叠组之间记录输出，如下所示：

但是，我发现您正在尝试修改已记录的输出。这是不可能的，因为Console API不会保留对它创建的对象的引用。因此很快就会收集垃圾。

我有一个游戏，看看是否有可能覆盖Console API函数来实现数据存储以跟踪控制台日志和对每个组的引用。但是，它似乎导致堆栈溢出，因此可能存在一些基础本机代码。该解决方案即使有效，也不会修改旧输出，只输出新的修改版本。