console.log() 和 console.debug() 的区别？

Question

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

我想知道 console.log() 和 console.debug() 之间有什么区别。有什么方法可以使用一堆 console.debug() 语句，然后只需轻按一下开关即可轻松关闭所有调试语句，使其不再发送到控制台（例如在启动站点后）？

原文由 CaptSaltyJack 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 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

原文由 Pete TNT 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

从技术上讲， console.log console.debug 和 console.info 是相同的，但是它们显示数据的方式略有不同。 console.debug 默认情况下在浏览器的 JS 控制台中不可见。它可以通过使用控制台的过滤器选项来启用。

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);

原文由 Prabhakar Undurthi 发布，翻译遵循 CC BY-SA 4.0 许可协议