javascript控制台:
console.log():打印
console.info():
console.debug():
console.warn():
console.error():
console.dir():显示一个对象所有的属性和方法
alert();弹出
监听方法运行时间:
console.time("test"); console.timeEnd("test");
占位符 %d整数 %f浮点数 %s字符串 %o对象
测试js代码运行时间:console.time("test");
js代码块;console.timeEnd("test");
console.dir("可以显示一个对象的所有属性和方法");
每次都输出循环 i 的值:console.log(i); 日志信息
还有其他的输出方式:
console.log(i);
console.info(i);
console.debug(i);
console.warn(i);
console.error(i); 可以看到相关的位置和调试信息
日志归类/分组
console.group("第一组");
console.log("101");
console.log("102");
console.log("103");
console.groupEnd();
console.group("第二组");
console.log("201");
console.log("202");
console.log("203");
console.groupEnd();
(Firebug最终的功能)JavaScript控制台:
每次都输出循环 i 的值:console.log(i); 日志信息
还有其他的输出方式:
console.log(i);
console.info(i);
console.debug(i);
console.warn(i);
console.error(i); 可以看到相关的位置和调试信息
最重要的:console.dir("可以显示一个对象的所有属性和方法");
eg:console.dir(console);
用来查看代码运行时间:
console.time("test");
for(var i=0;i<1000;i++){
}
console.timeEnd(test);
右侧:命令行可以输入多行,点击执行则输出命令
点击table键来补全代码
或者放下侧:回车输出命令
如何输出不同格式的日志:
用占位符:%d(整数) %f(浮点) %s(字符串) %o(对象)
console.log('%d年%d月%d日',2014,5,25)
console.log('%d年%s月%d日',2014,'05',25) 字符串的05
日志归类/分组
console.group("第一组");
console.log("101");
console.log("102");
console.log("103");
console.groupEnd();
console.group("第二组");
console.log("201");
console.log("202");
console.log("203");
console.groupEnd();
控制台日志分组
console.dir(console);
测试js代码运行时间:console.time("test"); …………js代码块;console.timeEnd("test");
占位符 %d整数 %f浮点数 %s字符串 %o对象
console.log