浏览器控制台命令调试——consoleconsole命令大全
控制台命令调试时通过浏览器开发⼯具中的控制台命令嵌⼊到JavaScript中，输出特定的信息或⽇志，从⽽达到调试的⽬的。我们常⽤的Chrome和FireFox，都可以通过F12来打开开发⼯具。
下⾯简要介绍⼏个常⽤的控制台命令：
（1）常规信息输出
console.log()是我们最常⽤的命令，只需要将我们希望输出的内容传进⼊即可：
console.log("这是我要输出的信息");
除了console.log()命令外，我们还有其它三种命令：
console.info("这是我要输出的信息");
<("错误信息");
console.warn("警告信息");
从这四种命令的名称就可以看出来它们的作⽤，它们是⽤来展⽰不同类型信息，使得我们的信息输出更加规范（个⼈观点）。
（2）常规信息分组输出
⼤量的信息输出，我们可以使⽤分组输出来对它们进⾏分组，⽅便我们查看：
console.log("第⼀组第⼀条");
console.log("第⼀组第⼆条");
console.log("第⼆组第⼀条");
console.log("第⼆组第⼆条");
（3）对象输出
console.dir()是专门输出对象所有⽅法和属性的，我们就可以不⽤⾃⼰遍历就查看对象的信息：
var obj = {
name: "haha",
desc: "doubi"
};
console.dir(obj);
（4）DOM输出
console.dirxml()命令是专门输出某个节点（node）所包含的html/xml代码：var div = ElementById("demo");
console.dirxml(div);
由于内容过多，图⽚并没有截全。
（5）函数调⽤轨迹监测
var x = test3(1);
function test(a) {
return a;
}
function test1(a) {
return test(a);
}
function test2(a) {
return test1(a);
}
function test3(a) {
return test2(a);
}
（6）计时功能
有时我们需要监测⼀段代码花费的时间，我们通常可以这样做：
var time1 = new Date();
for (var i = 0; i < 100; i++) {
}
var time2 = new Date();
console.log(time2 - time1);
我们还可以通过console.time()和console.timeEnd()帮助我们完成这件事：console.time("计时器");
for (var i = 0; i < 100; i++) {
}
console.timeEnd("计时器");
需要注意的是，这两个命令⾥⾯的参数要⼀致，才会输出计时信息。
好了，在下了解的console常⽤命令就这些啦，如果有遗漏的console相关的其它常⽤命令，也欢迎⼤家来补充哦。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。