大家知道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);