console调试命令

最新推荐文章于 2025-05-30 14:44:34 发布

静水葱

最新推荐文章于 2025-05-30 14:44:34 发布

阅读量505

点赞数

分类专栏：调试文章标签：调试

调试专栏收录该内容

1 篇文章

订阅专栏

一、显示信息的命令

   1: <!DOCTYPE html>
   2: <html>
   3: <head>
   4:     <title>常用console命令</title>
   5:     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6: </head>
   7: <body>
   8:     <script type="text/javascript">
   9:         console.log('hello');
  10:         console.info('信息');
  11:         console.error('错误');
  12:         console.warn('警告');
  13:     </script>
  14: </body>
  15: </html>

二、查看对象的信息

   1: <script type="text/javascript">
   2:         var info = {
   3:             blog:"http://www.ido321.com",
   4:             QQGroup:259280570,
   5:             message:"程序爱好者欢迎你的加入"
   6:         };
   7:         console.dir(info);
   8: </script>

三、追踪函数的调用轨迹

console.trace();

   1: <script type="text/javascript">
   2: /*函数是如何被调用的，在其中加入console.trace()方法就可以了*/
   3: 　　function add(a,b){
   4:         console.trace();
   5: 　　　　return a+b;
   6: 　　}
   7: 　　var x = add3(1,1);
   8: 　　function add3(a,b){return add2(a,b);}
   9: 　　function add2(a,b){return add1(a,b);}
  10: 　　function add1(a,b){return add(a,b);}
  11: </script>

结果是：
这里写图片描述

四、计时功能

console.time()和console.timeEnd()，用来显示代码的运行时间。

   1: <script type="text/javascript">
   2: 　　console.time("控制台计时器一");
   3: 　　for(var i=0;i<1000;i++){
   4: 　　　　for(var j=0;j<1000;j++){}
   5: 　　}
   6: 　　console.timeEnd("控制台计时器一");
   7: </script>

这里写图片描述

五、console.profile()的性能分析

   1: <script type="text/javascript">
   2:     　　function All(){
   3:             alert(11);
   4: 　　　　     for(var i=0;i<10;i++){
   5:                 funcA(1000);
   6:              }
   7: 　　　　    funcB(10000);
   8: 　　    }
   9:
  10:     　　function funcA(count){
  11:     　　　　for(var i=0;i<count;i++){}
  12:     　　}
  13:
  14:     　　function funcB(count){
  15:     　　　　for(var i=0;i<count;i++){}
  16:     　　}
  17:
  18:     　　console.profile('性能分析器');
  19:     　　All();
  20:     　　console.profileEnd();
  21:     </script>

这里写图片描述