</h1>
        <div class="clear"></div>
        <div class="postBody">

  
 

  
1
  
2
  
3
 

1     //常用的console命令,其中最常用的console.log()
2     console.log(12);
3 console.info('some information'); 4 console.error('error'); 5 console.warn('warn'

  //查看对象的相关信息
2     var objInfo={
3         name:'lazy',
4         age:20,
5         sex:'male'
6     };
7     console.dir(objInfo);

  
 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
 

• console.trace()追踪函数的调用轨迹，需要知道某个函数是如何被调用的，在里面加入console.trance()就可以了

//追踪函数的调用轨迹
 2     function add(a,b){
 3         console.trace();
 4         return a+b;
 5     }
 6     var x=add2(1,1);
 7     function add1(a,b){
 8         return add(a,b);
 9     }
10     function add2(a,b){
11         return add1(a,b);
12     }

  
 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

• console.time()  console.timeEnd() 显示某部分程序运行时间

//计时功能
2     console.time('控制台计时器01');
3     for(var i=0;i<100;i++){
4 
5     }
6     console.timeEnd('控制台计时器01');

  
 

  
1
  
2
  
3
  
4
  
5
  
6
 

• console.profile(name)  console.profileEnd(name)分析程序各部分的运行时间

• /性能分析,分析程序各个部分的运行时间,找出瓶颈
   2     function all(){
   3         for(var i=0;i<10;i++){
   4             func01(10);
   5         }
   6         func02(100);
   7     }
   8     function func01(count){
   9         for(var i=0;i<count;i++){
  10 
  11         }
  12     }
  13     function func02(count){
  14         for(var i=0;i<count;i++){
  15 
  16         }
  17     }
  18     console.profile('性能分析器');
  19     all();
  20     console.profileEnd('性能分析器');
  
      
     
  
      
  1
      
  2
      
  3
      
  4
      
  5
      
  6
      
  7
      
  8
      
  9
      
  10
      
  11
      
  12
      
  13
      
  14
      
  15
      
  16
      
  17
      
  18
      
  19
      
  20
     

  

  • console.group()   console.groupEnd()以分组的方式展示

     //信息分组
  2     console.group('第一个分组');
  3         console.log('第一条');
  4         console.log('第二条');
  5     console.groupEnd();
  6     console.group('第二个分组');
  7         console.log('第一条');
  8         console.log('第二条');
  9     console.groupEnd();
  
      
     
  
      
  1
      
  2
      
  3
      
  4
      
  5
      
  6
      
  7
      
  8
      
  9
     

  

  • console.dirxml()显示某个节点的内容

   //显示某个节点的内容
  2     var myNode=document.getElementById('sp-float');
  3     console.dirxml(myNode);
  
      
     
  
      
  1
      
  2
      
  3
     

文章来源: lvsige.blog.csdn.net，作者：祥子的小迷妹，版权归原作者所有，如需转载，请联系作者。

原文链接：lvsige.blog.csdn.net/article/details/107417053