chrom控制台console的用法
分类:
文章
•
2024-03-04 22:41:12
- 大家可以看到控制台里面有一首诗还有其它信息，如果想清空控制台，可以点击左上角那个来清空，当然也可以通过在控制台输入console.clear()来实现清空控制台信息。
- 在控制台输出console.dir(console); 可以看看具体提供了哪些方法可以供我们平时调试时使用的。
- 3.1 console.log 用于输出普通信息
3.2 console.info 用于输出提示性信息
3.3 console.error 用于输出错误信息
3.4 console.warn 用于输出警示信息
3.5 console.group 输出一组信息的开头
3.6 console.groupEnd 结束一组输出信息
上面的四个方法再配合group和groupEnd方法来一起使用，就可以输入各种各样的不同形式的输出信息。
3.7 console.assert 对输入的表达式进行断言，只有表达式为false时，才输出想应的信息到控制台
3.8 console.count 统计代码所执行的次数
3.9 console.dir 直接将DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展
3.10 console.time 计时开始
3.11 console.timeEnd 计时结束
3.12 console.profile和console.profileEnd配合一起使用来查看CPU使用相关信息
3.13 console.timeLine和console.timeLineEnd配合一起记录一段时间轴
3.14 console.trace 堆栈跟踪相关的调试
如果想查看具体API，可以上官方看看，具体地址为：https://developer.chrome.com/devtools/docs/console-api
控制台快捷键
1、方向键盘的上下键
2、$_命令返回最近一次表达式执行的结果，功能跟按向上的方向键再回车是一样的
3、Chrome 控制台中原生支持类jQuery的选择器
4、copy通过此命令可以将在控制台获取到的内容复制到剪贴板
5、keys和values 前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组
