Разница между консолью.log () и консоль.отладка()?

технически console.logconsole.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);

они идентичны, за исключением 1 вещь - отладочные сообщения будут скрыты по умолчанию в последних версиях Chrome (вы должны установить уровень журнала Verbose на верхней части консоли, чтобы увидеть отладочные сообщения, вы видите сообщения журнала по умолчанию).

console.info,console.debug методы идентичны console.log.

• console.logпечать заявления
• console.info черный цвет текста со значком " i " в синем цвете
• console.debug синий цвет текста

документы:

• Chrome
• IE
• FireFox
• сафари

из документации браузеров,log,debugи info методы идентичны в реализации мудрый, но различается по цвету и значку

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