JS console方法详解

WEB前端 JS开发 2015年12月17日

console是用于显示JS和DOM对象信息的单独窗口,使用JS console对象可以输出信息到console控制台中,可以对JS程序调试输出。console是前端WEB网页开发的利器，能够极大地提升工作效率。下面详细讲解下console常用的方法。

console打印输出
console.log()是最简单输出信息到console控制台的方法，支持多个参数组合在一起显示。
console.log(‘雷雪松’,’PHP程序员’);
console.log()方法第一个参数支持类似C语言printf字符串替换模式，Log支持下面几种替换模式：%s：代替字符串，%d：代替整数，%f：代替浮点值，%o：代替Object。
console.log(“%s是%d年%d月%d日”,’今天’,2015,12,17)

console计时
console.time()方法和console.timeEnd()方法配合使用，显示代码的运行时间。
console.time(“time1”);
var total = 0;
for(var i=0;i<100;i++){
total+=i;
}
console.log(total);
console.timeEnd(“time1”);

console性能分析
console.profile()和console.profileEnd()方法用来查看CPU使用相关信息和性能分析。
console.profile(‘analysis’);
console.log(1);
console.profileEnd();

console将对象以DOM树的结构输出
console.dir()方法直接将对象以DOM树的结构进行输出，可以详细查对象的属性和方法。
console.dir(window);

console清空控制台
console.clear()该方法清空console控制台中的所有信息
在Console控制台中输入大段代码，可以使用Shift + Enter 换行，或者直接复制粘贴进控制台，使用键盘上的上下方向键可以查看历史记录。

来源：JS console方法详解