玩转Console.log

1、突然发现在Chrome 中Console是很厉害的，除了有Console.log、Console.info、Console.error、Console.warn、Console.debug、Console.clear

2、console只支持字符（%s）、整数（%d或%i），浮点（%f）和对象（%O），使用Console.log("%c str","font-size:12px;color:red;");可以设置Str的css样式

%O可以查看一个对象内部情况，比如百度首页的控制台的招聘就用了：

 console.log("请将简历发送至  %c [email protected] %c（ 邮件标题请以“姓名-应聘XX职位-来自console”命名）","color:#ff3636","color:red"); 

 

3、console.dirxml用来显示网页的某个节点（node）所包含的html/xml代码

4、使用Console.group 输出一组信息的开头，Console.groupEnd结束一组输出信息

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

6、console.dir(这个方法是我经常使用的 可不知道比for in方便了多少)直接将该DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展等等

7、console.time 开始计时 console.timeEnd 计时结束  

     格式：console.time("..."); ...... ;console.timeEnd("....");  

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

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

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

API：https://developer.chrome.com/devtools/docs/console-api