JavaScript console.groupCollapsed() 方法
实例
在控制台中创建一组折叠的消息:
<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<script>
console.log("Hello world!");
console.groupCollapsed();
console.log("Hello again, this time inside a collapsed group!");
</script>
</body>
</html>
定义与用法
console.groupCollapsed()
方法指示折叠消息组的开始。
单击展开按钮打开消息组。
之后,所有消息都将写入此组中。
提示:使用 console.groupEnd() 方法来结束消息组。
提示:使用 console.group() 方法用于未折叠消息组。
浏览器支持
表中的数字指定完全支持该方法的第一个浏览器版本。
方法 | |||||
---|---|---|---|---|---|
console.groupCollapsed() | 6 | 11.0 | 9.0 | 5.1 | Yes |
语法
console.groupCollapsed(label)
参数值
参数 | 类型 | 描述 |
---|---|---|
label | String | 可选。消息组的标签 |
更多实例
实例
使用 console.groupEnd()
方法结束消息组:
<!DOCTYPE html>
<html>
<body>
<p>使用 console.groupEnd() 方法结束消息组</p>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<script>
console.log("Hello world!");
console.groupCollapsed();
console.log("Hello again, this time inside a collapsed group!");
console.groupEnd();
console.log("and we are back.");
</script>
</body>
</html>
实例
为一个消息组指定标签:
<!DOCTYPE html>
<html>
<body>
<p>带 label 的消息组</p>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<script>
console.log("Hello world!");
console.groupCollapsed("myLabel");
console.log("Hello again, this time inside a collapsed group, with a label!");
</script>
</body>
</html>