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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。