Fork me on GitHub

javascript 控制台调试方法

console在我们调试js程序的时候是一个非常有效的工具。

日志输出是我们最常用的功能:

console.log();

console.info();

console.warn();

console.error();

这些函数都能输出一些日志信息。

不同类型的日志,前方的图标会有所不同。而且error有记录函数调用栈的功能。

 

console.group()和console.groupEnd()组合使用可以对之间的日志信息进行分组,分组的日志会形成类似树的结构:

 

console.dir()和console.dirxml()可以用来详细输出某个dom元素或是json数据

console.assert()可以用来设置断言:

 

console.trace()可以追踪函数的调用栈

 

console.time()和console.timeEnd() 一同使用,可以记录程序运行时间。

 

console.time()和console.timeEnd()需要传入一个lable,同一个label视为同一组。

jQuery(document).ready(function(){
    console.time("total js aload():");
    
//TODO do something
console.timeEnd("total js aload():"); });

输出结果:

 

console.profile()和console.profileEnd()可以用来分析程序性能,包括运行时间,CPU占用率等等

 

posted @ 2017-06-19 11:57  insaneXs  阅读(1550)  评论(0编辑  收藏  举报