console.log（）和console.debug（）之间的区别？

Question

Google对我没有帮助，因为搜索“console.debug”只会显示一堆页面上有“console”和“debug”字样。

我想知道console.log()和console.debug()之间的区别。有没有办法使用一堆console.debug()语句，然后只需翻转一个开关就可以轻松关闭所有调试语句发送到控制台（如启动网站后）？

Answer 1

技术上console.log console.debug和console.info完全相同 然而，他们显示数据的方式差别不大

console.log黑色文字，无图标

console.info带图标的蓝色文字

console.debug纯黑色文字

console.warn带图标的黄色文字

console.error带图标的红色文字

var playerOne = 120;
var playerTwo = 130;
var playerThree = 140;
var playerFour = 150;
var playerFive = 160;

console.log("Console.log" + " " +  playerOne);
console.debug("Console.debug" + " " +playerTwo);
console.warn("Console.warn" + " " + playerThree);
console.info("Console.info" + " " + playerFour);
console.error("Console.error" + " " + playerFive);

Answer 2

对于至少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

Answer 3

除了一件事之外，它们是相同的 - 默认情况下，在最新版本的Chrome中隐藏调试消息（您必须在控制台顶部将日志级别设置为Verbose以查看调试消息;您默认情况下会看到日志消息）。

Answer 4

console.info，console.debug方法与console.log相同。

• console.log Printing statement
• console.info黑色文字，蓝色“i”图标
• console.debug蓝色文字

文档：

• Chrome
• IE
• Edge
• FireFox
• Safari

Answer 5

如果要在产品完成后禁用日志记录功能，可以覆盖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'});

  

无输出

但是我还没有找到一种为输出着色的方法。

Answer 6

从浏览器文档中，replace {Part (S c)} pma p : Part (S c) ((x + m) - c) ，log和debug方法在实现方面完全相同，但颜色和图标各不相同

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