console调试的方法汇总（JS调试）

console相关的方法

作为web前端的程序员，多少都用到了JS调试，而JS调试主要用到console的相关方法，其结合浏览器的控制台（比如Google）进行，能够让你快速定位、解决问题。

一般情况下我们用来输入信息的方法主要是用到如下四个

1、console.log 用于输出普通信息

2、console.info 用于输出提示性信息

3、console.error用于输出错误信息

4、console.warn用于输出警示信息

用图来说话

5、console.group输出一组信息的开头

6、console.groupEnd结束一组输出信息

看你需求选择不同的输出方法来使用，如果上述四个方法再配合group和groupEnd方法来一起使用就可以输入各种各样的不同形式的输出信息。
在这里插入图片描述

7、console.assert对输入的表达式进行断言，只有表达式为false时，才输出相应的信息到控制台

8、console.count 当你想统计代码被执行的次数

9、console.dir 直接将JS代码以DOM树的结构形式进行输出，可以详细查对象的方法发展等等

10、console.time 计时开始

11、console.timeEnd 计时结束（看了下面的图你瞬间就感受到它的厉害了）

12、console.profile和console.profileEnd配合一起使用来查看CPU使用相关信息

在Profiles面板里面查看就可以看到cpu相关使用信息

13、console.timeLine和console.timeLineEnd配合一起记录一段时间轴

14、console.trace 堆栈跟踪相关的调试

Console API最初是一个专有的API,不同的浏览器以自己的试下方式来实现它. Console API 规范统一了这个API的行为, 并且所有现代浏览器最终都决定实现这种行为 — 尽管一些实现仍然有自己的附加专有功能。具体请查看网站：https://developer.mozilla.org/zh-CN/docs/Web/API/Console_API

以上主要摘自：https://blog.youkuaiyun.com/u013594477/article/details/78729907