JS-функции для вывода в консоль браузера

27.03.2019

7772

Функции Javascript для вывода и отладки информации в консоли браузера.

console.log()

Выводит сообщение или переменную в консоль.

var text = 'Текст JavaScript';
console.log(text);

console.info()

Тоже выводит сообщение, только с пометкой «i», в Google Chrome ее нет.

var text = 'Инфо JavaScript';
console.info(text);

Mozilla Firefox:

console.warn()

Выводит предупреждение.

var text = 'Предупреждение JavaScript';
console.warn(text);

console.error()

Выводит сообщение об ошибке.

var text = 'Ошибка JavaScript';
console.error(text);

console.dir()

Выводит массив или объект в виде дерева с возможностью просмотра содержимого дочерних элементов.

console.dir(window);

console.table()

Выводит массив или объект в виде таблицы.

var obj = {
	0: ['Элемент 1'], 
	1: ['Элемент 2'], 
	2: ['Элемент 3']
};
console.table(obj);

console.trace()

Трассировка, выводит список названий вызываемых функций и методов и где они расположены в файлах.

function add() {
	console.trace();
	return 1;
}

function calc() {
	return add();
}

calc();

console.count()

Счетчик, выводит сколько раз был вызван console.count(name).

console.countReset(name) – обнуляет значение.

console.count();

for (n = 1; n <= 3; n++) {
	console.count('for');
}

console.count();

console.time()

Таймер, выводит время между вызовами console.time() и console.timeEnd(). Также можно использовать несколько таймеров с разными названиями в параметре функции.

console.time();

var d;
for (n = 1; n <= 30000; n++) {
	d = d * n;
}

console.timeEnd();

27.03.2019, обновлено 05.03.2024