Console API
Инструменты отладки и логирования в DevTools.
Зачем нужно
Набор методов для вывода информации в консоль разработчика. Не только log — есть таблицы, группировка, замер времени и профилирование.
Где используется
- Отладка кода в разработке
- Профилирование и замер производительности
- Форматированный вывод данных
Code
// Базовые уровни
console.log('info');
console.warn('warning');
console.error('error');
console.info('info');
// Таблица
console.table([{ name: 'A', age: 25 }, { name: 'B', age: 30 }]);
// Группировка
console.group('User data');
console.log('name: Anton');
console.log('age: 25');
console.groupEnd;
// Замер времени
console.time('fetch');
await fetch('/api/data');
console.timeEnd('fetch'); // fetch: 120ms
// Условный лог
console.assert(x > 0, 'x должен быть положительным');
// Подсчёт вызовов
console.count('click'); // click: 1, click: 2 ...
// Стилизация
console.log('%cHello', 'color: red; font-size: 20px');