insaneXs

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占用率等等

 

分类:

技术点:

相关文章:

  • 2022-01-01
  • 2021-12-03
  • 2021-11-28
  • 2021-10-20
  • 2021-07-19
  • 2021-11-08
  • 2022-01-07
  • 2021-11-02
猜你喜欢
  • 2021-05-06
  • 2022-01-01
  • 2022-01-01
  • 2022-01-01
  • 2022-01-05
  • 2021-11-03
  • 2021-12-05
相关资源
相似解决方案