JS console方法详解

WEB前端

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方法详解

发表评论

电子邮件地址不会被公开。 必填项已用*标注