Difference between console.log() and console.debug()?
Technically console.log
console.debug
and console.info
are identical
However the way they display the data is little different. console.debug
is not visible by default in the browser's JS console. It can be enabled by using the console's filter options.
console.log
Black color text with no icon
console.info
Blue color text with icon
console.debug
Pure black color text
console.warn
Yellow color text with icon
console.error
Red Color text with icon
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);
For at least IE, Firefox and Chrome consoles, .debug() is just an alias for .log() added for improved compatibility
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