前端打印样式乱了_前端开发console调试中，那些不可忽视的用法

点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

前端代码调试使用console是大家最熟悉的一种。

然而，真正使用的最多的可能就是console.log在控制台输出点东西，其实，console还有很多其他的用法。

一. 重提常规用法

console.log("打印字符串");

//在控制台打印自定义字符串

console.error("我是个错误");

//在控制台打印自定义错误信息

console.info("我是个信息");

//在控制台打印自定义信息

console.warn("我是个警告");

//在控制台打印自定义警告信息

console.debug("我是个调试");

//在控制台打印自定义调试信息

cosole.clear();

//清空控制台(这个下方截图中没有)

二. 格式化输出用法

其实console是支持自定义样式输出的。下面我就来演示一下。

输出样式如下：

三. 其它可以考虑的用法

1. 对象输出

如下图

2. 对象集合输出

如下图

3. 成组输出

如下图

4. 还有其它

当然，还有一些其它，比如：

console.count // 函数计数和跟踪

console.time() && console.timeEnd() // 计时

console.profile() && console.profileEnd() // 性能分析