Chrome开发工具之Console

Chrome开发工具-Console

看了别人的博客,才发现在百度主页用开发工具“Console”可以看到百度的招聘信息

Chrome开发工具之Console

前端调试工具可以按F12打开,谷歌的开发工具中的Console面板可以查看错误信息、打印调试信息、调试js代码,还可以当作Javascript API查看

如果我想查看console都有哪些方法和属性,我可以直接在Console中输入“console”并执行。或者用"console.dir(console)",同样可以实现查看console对象的方法和属性。

Chrome开发工具之Console

console.assert()

有两个参数,当第一个参数执行结果为true时,控制台无法显示,执行结果为false时,输出第二个参数

         console.assert(2>1,"true");
console.assert(1>2,"false");
3     //执行结果为:Assertion failed: false

console.count()

打印出这个方法被执行的次数。

         function showCount(){
console.count("call");
}
showCount(); // call: 1
showCount(); // call: 2
showCount(); // call: 3

console.time(label);

开始一个新的带有标签的计时器。在之后的代码中调用console.timeEnd(label)时,停止计时并且将所耗时间间打印在控制台。注意:timeEnd的label需要和time的label对应上才算闭合这个计时。

         console.time("Array initialize");
var arr = new Array(100),
len = arr.length,
i;
for (i = 0; i < len; i++) {
arr[i] = new Object();
};
console.timeEnd("Array initialize"); //输出Array initialize: 0.588ms

console.log()

可以接受任何字符串、数字和JavaScript对象。与alert()函数类似,console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到

         console.log("inf"); //输出:inf
上一篇:webstorm 运行配置gulp


下一篇:C#编程,TreeView控件的学习