浏览器控制台妙用——输出可折叠的文本

作为一个搞前端的人，我在打开网站时有时会开着控制台，在访问掘金的时候发现了这么一段输出，当时就懵逼了，怎么出来一个js文件？

大家都知道，浏览器控制台输出的对象都是可以折叠的，像这样：

但是第一张图的输出明显与这个不同，我在百度或Google上也找不到结果，最后没办法了，只能给网站的js下断点，找到了一个console.groupCollapsed，第一次看到这个api时我还疑惑，这是自定义了一个console的方法吗？然后我在控制台尝试输入这个命令，结果发现真的有！效果如下：

点击这个三角，就可以展开，而且你再用console.log输出信息的时候，你发现你的输出都不见了，展开刚才输出的可展开内容，你会发现：

原来你的输出都被折叠了，那怎么样结束输出折叠呢，我找了一下，发现相关的api还有两个console.group与console.groupEnd，后者就可以结束折叠输出(该api不需要任何参数)，如下：

console.group类似console.groupCollapsed，也是输出可折叠的分组，它们唯一的区别就是前者输出时是展开状态，后者是折叠状态。

另外这两个api多次使用都会是会产生嵌套折叠的效果，

这样需要使用多次console.groupEnd来结束折叠。
所以开头网站的输出效果就可以这样达成

就像这次，如果我没有去深究这个效果的实现方法，那我可能到现在也只知道控制台的console.log方法。借此机会，我也去查了一下Console的MDN文档中关于控制台的详细信息（有能力的人建议看英文版，中文版的内容不全），发现了许多自己原来不知道的功能，有些功能真的很有用，以后就能使用它们来方便自己编程。