Как работать с консолью браузера (Console) для получения логов?

Консоль браузера (DevTools Console) — основной инструмент для просмотра клиентских логов, ошибок и отладки в реальном времени.

Основные возможности:

• Просмотр сообщений: Вывод console.log(), console.error(), console.warn().
• Анализ ошибок: Стек-трейсы JavaScript-исключений.
• Выполнение кода: Непосредственное выполнение JS-команд для проверки состояния.

Практическое использование:

// Разные уровни логирования в коде
console.debug('Debug info:', variable); // Скрыто по умолчанию
console.info('User action:', 'login');
console.warn('Deprecated API called');
console.error('Request failed:', errorObject); // Подсвечивается красным

// Группировка логов
console.group('Auth Module');
console.log('Token requested');
console.log('Token received');
console.groupEnd();

Советы для тестирования:

1. Фильтрация: Используйте фильтры в консоли (Errors, Warnings, Info).
2. Сохранение: Логи живут только в сессии. Для сохранения используйте команду console.save() (если добавлен хелпер) или копируйте вручную.
3. Мониторинг сетевых ошибок: Ошибки 404 или 500 видны и в Console, и во вкладке Network.
4. Продакшен: В production-среде console.log часто отключен или его вывод перенаправляется на сервер через специальные библиотеки.