Chrome 调试

alert

console

基本输出

1
2
3
4
5
6
console.log("打印字符串");   // 在控制台打印字符串
console.error("我是个错误"); // 在控制台打印错误信息
console.info("我是个信息"); // 在控制台打印信息
console.warn("我是个警告"); // 在控制台打印警告信息
console.debug("我是个调试"); // 在控制台打印调试信息
console.clear(); // 清空控制台

格式化输出

1
2
3
4
5
6
console.log("%s年",2016);         // %s表示字符串
console.log("%d年%d月",2016,11); // %d表示整数
console.log("%f",3.1415926); //%f小数
console.log("%o",console); //%o表示对象
console.log("%c自定义样式","font-size:30px;color:#00f");
console.log("%c我是%c自定义样式","font-size:20px;color:green","font-size:10px;color:red");

DOM输出

1
2
var ul = document.getElementsByTagName("ul");
console.dirxml(ul)

对象输出

1
2
var o = {name:"Lily",age:18};
console.dir(obj)
1
2
3
var stu = [{name:"Bob",age:13,hobby:"playing"},{name:"Lucy",age:14,hobby:"reading"},{name:"Jane",age:11,hobby:"shopping"}];
console.log(stu);
console.table(stu);

成组输出

1
2
3
4
5
console.group("start"); // 引号里是组名
console.log("sub1");
console.log("sub1");
console.log("sub1");
console.groupEnd("end");

函数计数和跟踪

1
2
3
4
5
6
7
8
9
10
11
12
function fib(n){ // 输出前n个斐波那契数列值
if( n == 0) return;
console.count("调用次数"); // 放在函数里,每当这句代码运行输出所在函数执行次数
console.trace(); // 显示函数调用轨迹(访问调用栈)
var a = arguments[1] || 1;
var b = arguments[2] || 1;
console.log("fib=" + a);
[a, b] = [b, a + b];
fib(--n, a, b);
}

fib(6);

计时

1
2
3
console.time() // 计时开始
fib(100); // 用上述函数计算100个斐波那契数
console.timeEnd() // 计时结束并输出时长

断言语句

1
2
console.assert(true, "我错了");
console.assert(false,"我真的错了");
阅读更多
You need to set client_id and slot_id to show this AD unit. Please set it in _config.yml.