JS
June 15, 2020

Notes About The Console

Сегодня уже много написано про браузерную консоль. Эта статья, лишь способ собрать все варианты использования этого инструмента.

Данные в таблице

var languages = [
    { name: "JavaScript", fileExtension: ".js" },
    { name: "TypeScript", fileExtension: ".ts" },
    { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.table(languages);

Счётчик количества вызовов

console.count([string])

В качестве аргумента принимается название счётчика.

Для сброса счётчика используется

console.countReset([string]);

Где в качестве аргумента принимается название счётчика, которое нужно сбросить.

Типы сообщений

console.log('Text');
console.info('Text');
console.warn('Text');
console.error('Text');

Группировка сообщений

Для группировки сообщений используют

console.group([string]);

Для вывода сообщения вне группы, используют

console.groupEnd([string]);

В качестве аргумента в обоих функциях используют название группы.

Форматирование

В консоли есть возможность использовать символы подстановки.

  • %s — строка
  • %i, %d — целое число
  • %f — дробное число
  • %o — DOM-элемент
  • %O — JavaScript-объект
  • — стиль текста CSS
Использование CSS стилей для оформления текста.