console

Console 对象提供了访问浏览器调试模式的信息到控制台。

log(message) | info(message)

在控制台输出一段信息

warn(message)

在控制台上输出警告信息

error(message)

在控制台上输出错误信息

以上四个方法兼容性：IE8及以上，火狐3.0及以上，其他浏览器

console.log('123');
console.info('123');
console.error('错误：***');
console.warn('警告：***');

console.log()特殊输出，"%c" 样式定义

console.log("%c我是红色%c我是橙色%c我是靛色", "color: red","color:orange","color:cyan");
console.log("%c我很大", "font-size: 40px");

更多特殊符，请参考http://www.alloyteam.com/2013/11/console-log/

time() | timeEnd()

开始计时 | 结束计时

chrome: yes IE: 11 火狐: 10 safari: 4 欧朋: yes

// 输出循环10000次用时（ms毫秒）
console.time();
for(var i = 0; i < 10000; i++) {}
console.timeEnd();

group() | groupEnd() | groupCollapsed()

分组（默认展开） | 结束分组 | 分组（默认折叠）

chrome: yes IE: 11 火狐: 4 safari: 4 欧朋: yes

console.log('1')
console.group();
console.log('2');
console.groupEnd();
console.log('3');
console.groupCollapsed();
console.log('4');
console.groupEnd();

clear()

清除控制台信息

chrome: yes IE: yes 火狐: 48 safari: yes 欧朋: yes

console.clear();

trace()

当前执行代码在堆栈中的调用路径

chrome: yes IE: 11 火狐: 10 safari: 4 欧朋: yes

function a() {
    b();
}
function b() {
    console.trace();
}
a();

count()

记录count调用的次数，一般用来计数

chrome: yes IE: yes 火狐: 30 safari: yes 欧朋: yes

// 输出 dafault: 1 2 3 4 5
for(var i = 0; i < 5; i ++) {
    console.count();
}

assert(expression, message);

chrome: yes IE: yes 火狐: 28 safari: yes 欧朋: yes

若expression为false，则输出错误信息

// Assertion failed: id为a的元素不存在！
console.assert(document.getElementById('a'), 'id为a的元素不存在！');

table(tabledata, tablecolumns)

以表格形式显示数据

tabledata: type (Array | Object) 必需，填充到表格的数据

tablecolumns: type(Array) 可选 当第一个参数是数组中为对象时，要显示的数据

chrome: yes IE: 12 火狐: 34 safari: yes 欧朋: yes

console.table(['aa', 'bb', 'cc']);

console.table([{name: 'aa', value: 11}, {name: 'bb', value: 22}, {name: 'cc', value: 33}], ['name']);

console.table([{name: 'aa', value: 11}, {name: 'bb', value: 22}, {name: 'cc', value: 33}], ['name', 'value']);