💡 console.context() в действии

Приложения часто состоят из нескольких подсистем или компонентов, каждый из которых имеет свой собственный набор сообщений в логах. При отладке такого приложения может быть сложно найти нужные логи в консоли.

console.context() может помочь в этом. Он является экспериментальным и доступен только в браузерах на базе Chromium, но это хороший шаг в правильном направлении.

1️⃣ Создайте конкретный инстанс логгера для части вашего приложения:

const myComponentLogger = console.context("name-of-my-component");

2️⃣ Затем логируйте сообщения в обычном режиме, используя ваш новый логгер:

myComponentLogger.log("This is a log message from my component");

myComponentLogger.warn("This is a warning message from my component");

3️⃣ При просмотре логов в консоли отфильтруйте сообщения по названию контекста.

#devtools #tip