Знакомство

Еще раз обращаю ваше внимание, что в этой статье мы рассматривает работу console именно в Фаербаге, несмотря на то, что она поддерживается и другими расширениями и браузерами.

Итак, для начала найдем эту самую консоль. В Фаербаге есть специальная вкладка:

Основные методы

Итак, давайте рассмотрим методы записи в нее. Первый и самый простой — console.log(). Надпись «Привет, я — консоль» на предыдущей картинке сделана с помощью этого метода. Те из вас, кто рассматривал ошибки Фаербага, так же видели и результат другого метода — console.error():

Это метод дает более детальную информацию о сообщении.

Помимо console.log и console.error, так же есть методы console.debug(), console.info() и console.warn(). В консоли они будут выглядеть следующим образом:

Все эти методы, кроме console.info(), так же показывают файл и номер строки, где они были вызваны.

Еще есть замечательный метод console.dir(), который выводит все атрибуты и методы указанного объекта:

А метод console.dirxml() показывает всю информацию об указанном XML или HTML узле документа:

Группировка данных при выводе

Часто возникает необходимость как-то сгруппировать выводимые в консоль данные, например когда что-то выводится в цикле. Для этого существуют методы console.group() для открытия группы и console.groupEnd() для ее закрытия. Выглядит это следующим образом:

Для этого используется вот такой синтаксис:

...
console.group('Object #' + object.id);
console.dir(object);
console.groupEnd();
...

Еще вы можете делать вложение групп, если это необходимо.

Измерение времени выполнения

Когда возникает необходимость узнать время выполнения какой-то части кода, можно использовать методы console.time() и console.timeEnd(). Использовать следует следующим образом:

...
console.time("date");
// Операция, время исполнения которой нужно замерить
console.timeEnd("date");
...

А результат будет такой:

Заключение

Думаю, основные и самые полезные методы мы рассмотрели. Используя их, можно находить ошибки в коде, следить за исполнением функции и проверять скорость работы ваших скриптов легко и просто. 

Кроме того, консоль Фаербага поддерживает так же и другие методы, описание которых можно найти в АПИ консоли Фаербага.