从浏览器文档中，log,debugand info方法在实现上是相同的，但颜色和图标不同

https://jsfiddle.net/yp4z76gg/1/

至少对于IE, Firefox和Chrome控制台，.debug()只是.log()的别名，以提高兼容性

https://developer.mozilla.org/en-US/docs/Web/API/console

https://developers.google.com/chrome-developer-tools/docs/console-api#consoledebugobject_object

https://msdn.microsoft.com/en-us/library/ie/hh772183 (v = vs.85) . aspx

如果你想在产品完成后禁用日志记录功能，你可以重写console.debug()函数或创建另一个自定义函数。

console.debug = function() {
    if(!console.debugging) return;
    console.log.apply(this, arguments);
};

console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});

Foo{年龄:41岁，名字:“Jhon Doe”}

console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});

没有输出

然而，我还没有找到一种方法来为输出着色。

Console.info、console.debug方法与console.log相同。

console.log打印语句 console.info黑色文本，带有蓝色的“i”图标 蓝色文本

文档:

铬 即 边缘 火狐 Safari

从浏览器文档中，log,debugand info方法在实现上是相同的，但颜色和图标不同

https://jsfiddle.net/yp4z76gg/1/

它们几乎是相同的-唯一的区别是调试消息在Chrome的最新版本中默认是隐藏的(你必须在Devtools的顶部栏中将日志级别设置为Verbose，同时在控制台查看调试消息;默认情况下，日志消息是可见的)。