JavaScript console.groupCollapsed() 方法

实例

在控制台中创建一组折叠的消息:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
  5. <script>
  6. console.log("Hello world!");
  7. console.groupCollapsed();
  8. console.log("Hello again, this time inside a collapsed group!");
  9. </script>
  10. </body>
  11. </html>

定义与用法

console.groupCollapsed() 方法指示折叠消息组的开始。

单击展开按钮打开消息组。

之后,所有消息都将写入此组中。

提示:使用 console.groupEnd() 方法来结束消息组。

提示:使用 console.group() 方法用于未折叠消息组。


浏览器支持

表中的数字指定完全支持该方法的第一个浏览器版本。

方法
console.groupCollapsed()611.09.05.1Yes

语法

  1. console.groupCollapsed(label)

参数值

参数类型描述
labelString可选。消息组的标签

更多实例

实例

使用 console.groupEnd() 方法结束消息组:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>使用 console.groupEnd() 方法结束消息组</p>
  5. <p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
  6. <script>
  7. console.log("Hello world!");
  8. console.groupCollapsed();
  9. console.log("Hello again, this time inside a collapsed group!");
  10. console.groupEnd();
  11. console.log("and we are back.");
  12. </script>
  13. </body>
  14. </html>
实例

为一个消息组指定标签:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>带 label 的消息组</p>
  5. <p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
  6. <script>
  7. console.log("Hello world!");
  8. console.groupCollapsed("myLabel");
  9. console.log("Hello again, this time inside a collapsed group, with a label!");
  10. </script>
  11. </body>
  12. </html>

分类导航