Разница между console.log() и console.debug()?
Google не помог мне, так как поиск "console.debug" просто вызывает кучу страниц, на которых есть слова "console" и "debug".
Мне интересно, какая разница между console.log()
и console.debug()
. Есть ли способ использовать кучу операторов console.debug()
, а затем просто перевернуть переключатель, чтобы легко отключить все инструкции отладки от отправки на консоль (например, после запуска сайта)?
Ответы
Ответ 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
Ответ 2
Технически 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);
![введите описание изображения здесь]()
Ответ 3
Они практически идентичны - единственное отличие состоит в том, что отладочные сообщения по умолчанию скрыты в последних версиях Chrome (для просмотра отладочных сообщений необходимо установить уровень журнала Verbose
в верхней панели Devtools, а в консоли - сообщения журнала;,
Ответ 4
методы console.info
, console.debug
идентичны console.log
.
-
console.log
Распечатка выписки -
console.info
Черный цвет текста со значком "i" синего цвета -
console.debug
Синий Цвет текста
Документация:
Ответ 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'});
Нет выхода
Однако я так и не нашел способ раскрасить результаты.
Ответ 6
Из документации браузеров методы log
, debug
, а также info
идентичны в реализации мудрая, но различаются по цвету и значку
https://jsfiddle.net/yp4z76gg/1/