前端调试小技巧之console.log

我们在写前端代码的时候，经常需要打印信息到控制台，经常使用到的命令就是console.log，本文主要介绍几种可常用的一些小技巧，便于调试时候的灵活利用。

1、显示样式

默认的 console.log 显示如下：

那如果我们希望有颜色标记，可以突出显示该怎么做尼？可以使用默认的几个其他命令 console.warn 或者 console.error：

但是这个有种代码写错了的感觉，那么如何自定义标识尼？

可以看到在调试文字前加上%c，第二个字段加上样式，就可以实现自定义样式的调试信息啦~~

%c 表示把字符串按照你提供的样式格式化后输入

2、显示对象

很大串的对象json，直接使用 console.dir 转化成对象字面量，一目了然：

3、显示表格

在列表交互中，可以直接将后台返回的数据使用 console.table 的方法打印出来，直接就是表格。是不是很实用尼？