大家知道Chrome的开发者工具一般是用来查看css样式，调试js代码和查看网络资源用的，今天就调试js代码的console方法说几个小技巧

1.以表格形式输出Json数据

var list = [{"name":"cc","age":30},{"name":"bbc","age":29}];
console.log(list);

输出结果是:

如果我们改成

var list = [{"name":"cc","age":30},{"name":"bbc","age":29}];
console.table(list);

则可以更直观的看到所有的json数据

2.改变打印结果的样式
这种一般应用在多人协同开发的情况下，每个人需要看自己的调试信息不想被别人的影响

var r1="我是coder1的调试信息";
console.log("%c"+r1,"color:white;background:blue");
var r2="我是coder2的调试信息";
console.log("%c"+r2,"color:white;background:green");

3.多调试信息的输出
如果我们有很多调试信息需要同时输出，不用分多个console.log(),可以在一个里面用,来分隔

var r1="调试信息1";
var r2="调试信息2";
console.log(r1,r2);