Работа с консолью в Chrome Developer Tools

console.log()

Консоль в Chrome Developer Tools — это интерактивный JavaScript-интерпретатор. Консоль дает разработчику доступ к ряду удобных и полезных функций для логирования и отображения ошибок. Рассмотрим базовые из них:

  • console.log();
  • console.error();
  • console.warn();
  • console.info();
  • console.trace();
  • console.assert();
  • console.group() и console.groupEnd();
  • console.time() и console.timeEnd();

Они позволяют выводить в консоль произвольные сообщения.

Отличаются классификацией выводимых сообщений:

  • log()  выводит сообщения как стандартные логи(есть схожий метод debug());
  • error() помечает сообщения как ошибки;
  • warn() помечает сообщения как предупреждения;
  • info() помечает сообщения, как содержащие некоторую информацию;

 

console.log-1

  • trace() выводит стек вызовов из точки в коде, где был вызван метод. Стек вызовов включает имена файлов и номера строк плюс счетчик вызовов метода trace() из одной и той-же точки. Стек вызовов читается снизу вверх:

console-trace-2

  • assert() функция assert проверяет выражение, переданное первым параметром, и если выражение ложно, записывает в консоль ошибку вместе со стеком вызовов:

console-assert-3

  • group() и groupEnd() функции для группировки вывода. Функция group() открывает группу сообщений, в качестве параметра принимает название группы (поддерживается
    форматирование, как в console.log()) . groupEnd() закрывает группу:

console-group-4

  • time() и timeEnd() функции для вычисления времени исполнения кода. Функция time() запускает таймер, а функция timeEnd() останавливает таймер и выводит его значение. Обе функции принимают название таймера в качестве обязательного параметра:

console-time-4