浏览器console调试

1、常规信息输出

<script>
console.log("测试");
	console.warn("测试");
	console.error("测试");
	console.info("测试");
	</script>

2、常规信息分组

console.group("第一组开始");
console.log("第一组第一条");
console.log("第一组第二条");
console.groupEnd();

console.group("第二组开始");
console.log("第二组第一条");
console.log("第二组第二条");
console.groupEnd();

console.group()命令用于分组的开始，console.groupEnd()用来结束分组。

3、输出对象

console.dir()是专门输出对象所有方法和属性的，我们就可以不用自己遍历就查看对象的信息：

var obj = {
    name: "haha",
    desc: "doubi"
};
console.dir(obj);

4、dom输出

console.dirxml()命令是专门输出某个节点（node）所包含的html/xml代码：

var div = document.getElementById("demo");
console.dirxml(div);

5、运动轨迹

var x = test3(1);

function test(a) {
    console.trace();
    return a;
}

function test1(a) {
    return test(a);
}

function test2(a) {
    return test1(a);
}

function test3(a) {
    return test2(a);
}

6、计时功能

console.time("计时器");
for (var i = 0; i < 1000; i++) {

}
console.timeEnd("计时器");

需要注意的是，这两个命令里面的参数要一致，才会输出计时信息。