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

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

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

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

console.log

Тексту можно задать стили:

console.log('%c%s', 'color: red; font: 18px Tahoma;', 'Стили у текста в консоли');
JS

Тексту в консоле можно задать стили

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

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

Mozilla Firefox

console.info()

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

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

console.warn()

Выводит сообщение об ошибке.
var text = 'Ошибка JavaScript';
console.error(text);	
JS

console.error()

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

console.dir(window);
JS

console.dir()

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

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

console.table()

Трассировка, выводит список названий вызываемых функций и методов и где они расположены в файлах.
function add() {
	console.trace();
	return 1;
}

function calc() {
	return add();
}

calc();
JS

console.trace()

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

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

console.count();

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

console.count();
JS

console.count()

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

console.time();

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

console.timeEnd();
JS

console.time()

27.03.2019, обновлено 10.01.2020
6473

Комментарии

, чтобы добавить комментарий.

Другие публикации

Генерация счета на оплату PDF PHP
С помощью расширения dompdf можно легко сформировать PDF файл. По сути, dompdf - это конвертер HTML в PDF который...
59060
+32
Работа с FTP в PHP
Протокол FTP – предназначен для передачи файлов на удаленный хост. В PHP функции для работы с FTP как правило всегда доступны и не требуется установка дополнительного расширения.
15507
+2
Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
56654
+24
Шаблонизатор Smarty
Smarty это компилирующий обработчик шаблонов для PHP позволяющий отделить логику и HTML-верстку веб-приложения.
23892
+6
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
116199
+34
Перебор ячеек таблицы jQuery
Обойти ячейки таблицы можно с помощью jQuery метода each, например следующий код выводит текст из всех ячеек в консоль.
22448
+3