Разница между console.log () и console.debug ()?

Google не помог мне, так как поиск по запросу console.debug просто вызывает кучу страниц, на которых есть слова «console» и «debug».

Мне интересно, в чем разница между console.log()и console.debug(). Есть ли способ использовать кучу console.debug()операторов, а затем просто щелкнуть переключателем, чтобы легко отключить отправку всех операторов отладки на консоль (например, после запуска сайта)?

По крайней мере, для консолей 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.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);

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

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

• console.log Распечатка заявления
• console.info Текст черного цвета со значком «i» синего цвета
• console.debug Текст синего цвета

Документация:

• Хром
• IE
• Край
• Fire Fox
• Сафари

Если вы хотите отключить ведение журнала после завершения работы над продуктом, вы можете переопределить эту 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, имя: "Джон Доу"}

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

Нет вывода

Однако я не придумал, как раскрасить и выходы.

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

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