关于console,我等还是知之甚少

在开发过程中:我一般习惯使用 Chrome浏览器做为调试工具,当然就免不了错误信息的调试,比如我们经常使用的console.log(),可是仅仅就如此吗?
在好奇心的促使下,我请教了咱们可爱的度娘,啪啪啪,淘到了一片文章,自己也一个个调试着使用了一番,想不到有这么好用的东西,我竟然只知道console.log()?!?
╮(╯▽╰)╭试问我等要这铁棒有何用,等等等一下,一不小心扯远了,咳咳,现在已整理如下,还不速速上车:

01、console.log 用于输出普通信息
02、console.info 用于输出提示性信息
03、console.error 用于输出错误信息
04、console.warn 用于输出警示信息
05、console.group 输出一组信息的开头
06、console.groupEnd 结束一组输出信息
07、console.assert 对输入的表达式进行断言,只有表达式为false时,才输出相应的信息到控制台
08、console.count (这个方法非常实用哦)当你想统计代码被执行的次数
09、console.dir (这个方法是我经常使用的 可不知道比for in方便了多少) 直接将该DOM结点以DOM树的结构进行输出,可以详细查对象的方法发展等等
10、console.time 计时开始
11、console.timeEnd 计时结束(看了下面的图你瞬间就感受到它的厉害了)
12、console.profile 和 console.profileEnd 配合一起使用来查看CPU使用相关信息
13、console.timeLine 和 console.timeLineEnd 配合一起记录一段时间轴
14、console.trace 堆栈跟踪相关的调试

快捷键:
01、方向键盘的上下键 ,大家一用就知晓。比如用上键就相当于使用上次在控制台的输入符号
02、$_ 命令返回最近一次表达式执行的结果,功能跟按向上的方向键再回车是一样的
03、Chrome 控制台中原生支持类jQuery的选择器 ,也就是说你可以用 $ 加上熟悉的css选择器来选择DOM节点
04、copy 通过此命令可以将在控制台获取到的内容复制到剪贴板
05、keys和values 前者返回传入对象所有属性名组成的数据,后者返回所有属性值组成的数组
06、monitor(function),它接收一个函数名作为参数,比如 function a ,每次 a 被执行了,都会在控制台输出一条信息,里面包含了函数的名称 a 及执行时所传入的参数。

欢迎分享本文,转载请保留出处:前端ABC » 关于console,我等还是知之甚少

分享到:更多 ()

发表评论 0