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

转载于:https://www.cnblogs.com/simpman/p/3605195.html