Console命令详解,让调试js代码变得更简单

一、显示信息的命令
    console.info("这是info");

   console.debug("这是debug");

   console.warn("这是warn");

   console.error("这是error");

       console.log("log");

二、占位符

  console对象的上面5种方法,都可以使用printf风格的占位符。不过,占位符的种类比较少,只支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)四种。

三、分组显示
  console.group("第一组信息");

    console.log("第一组第一条");

    console.log("第一组第二条");

  console.groupEnd();

  console.group("第二组信息");

    console.log("第二组第一条");

    console.log("第二组第二条");

  console.groupEnd();

四、console.dir()

  console.dir()可以显示一个对象所有的属性和方法。

五、console.dirxml()
   console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。

   var table = document.getElementById("table1");

   console.dirxml(table);

六、console.assert()

console.assert()用来判断一个表达式或变量是否为真。

七、console.trace()

  console.trace()用来追踪函数的调用轨迹。

八、计时功能

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

九、性能分析

 function Foo(){

    for(var i=0;i<10;i++){funcA(1000);}

    funcB(10000);

  }

  function funcA(count){

    for(var i=0;i<count;i++){}

  }

  function funcB(count){

    for(var i=0;i<count;i++){}

  }

  console.profile('性能分析器一');

  Foo();

  console.profileEnd();

除了使用console.profile()方法,firebug还提供了一个"概况"(Profiler)按钮。

十、属性菜单

控制台 后面的倒三角

原文:http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html

如果感觉不错,请 一个!
by simpman
原文地址:https://www.cnblogs.com/simpman/p/3605195.html