Console 对象可以接入浏览器控制台（如：Firefox 的 Web Console）。在不同浏览器上它的实现细节可能是不一样的。
Console 对象可以从任何全局对象中访问到，如 Window，WorkerGlobalScope 以及控制台属性中的特殊变量。它被定义为 Window.console，而且可直接通过 console 调用。
输出单个对象：
console.log(‘xmsb‘);
输出多个对象：
console.info(‘first‘, ‘ ‘, ‘second‘);
自定义样式：
// 参考c语法: printf("%d%s", 1, "xmsb"); console.log(‘%c%s‘, ‘background:#1296bd;color:#fff;padding:20px;border-radius:5px‘, ‘xmsb‘);
参数1为false时输出错误信息：
console.assert(true, ‘xmsb1‘); console.assert(false, ‘xmsb2‘);
输出警告信息、错误信息：
// 输出警告信息 console.warn(‘xmsb‘);
// 输出错误信息 console.error(‘xmsb‘);
定时器：
// 创建一个新的定时器 console.time("定时器"); // 通过弹窗来延时 alert("点击以继续"); // 输出定时器记录的时长 console.timeLog("定时器");
分组输出：
// group()和groupCollapsed()用于新增一个分组 // 二者表现形式上的区别为groupCollapsed()创建的分组是默认折叠的 // groupEnd()用于结束一个分组 console.group() console.log(‘xmsb‘); console.group(); console.log(‘1-1‘); console.log(‘1-2‘); console.groupEnd(); console.groupCollapsed(); console.log(‘2-1‘); console.log(‘2-2‘); console.groupEnd(); console.groupEnd();
输出为表格：
var table = [[1, 2, 3], [11, 21, 31], [12, 22, 32]]; console.table(table);
统计执行次数：
// countReset(‘labelName‘)用于重置指定label的次数; console.count(‘xm‘); console.count(‘xm‘); console.countReset(‘xm‘); console.count(‘xm‘);
清空信息并输出‘Console was cleared‘：
// 值得注意的是，在Google Chrome浏览器中， // 如果用户在设置中勾选了“Preserve log”选项， // clear()将不会起作用。 console.clear();
原文：https://www.cnblogs.com/XiaoMingBlingBling/p/11526890.html