本文介绍了浏览器控制台中鲜为人知的`console.groupCollapsed`方法，通过这个API可以创建可折叠的输出，使前端开发者在调试时能更整洁地组织日志。此外，还提到了`console.group`和`console.groupEnd`，它们分别用于开启和结束折叠输出，并且可以嵌套使用，提供更好的调试体验。阅读后，你将了解更多控制台的实用功能。
作为一个搞前端的人，我在打开网站时有时会开着控制台，在访问掘金的时候发现了这么一段输出，当时就懵逼了，怎么出来一个js文件？
大家都知道，浏览器控制台输出的对象都是可以折叠的，像这样：
但是第一张图的输出明显与这个不同，我在百度或Google上也找不到结果，最后没办法了，只能给网站的js下断点，找到了一个console.groupCollapsed，第一次看到这个api时我还疑惑，这是自定义了一个console的方法吗？然后我在控制台尝试输入这个命令，结果发现真的有！效果如下：
点击这个三角，就可以展开，而且你再用console.log输出信息的时候，你发现你的输出都不见了，展开刚才输出的可展开内容，你会发现：
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
