Output Console как продакшен-логгер — window.JUSTZIX на практике
Диагностика страницы с console.log требует открытых DevTools — а они занимают пол-экрана и исчезают при каждой перезагрузке. window.JUSTZIX логирует в окно Output Console, которое является частью страницы: остаётся там, где ты его поставил, и ты видишь его без F12.
Два разных API
JustZix даёт коду правил два глобальных объекта — их легко спутать:
window.JZ— управляет действиями (JZ.clickи компания).window.JUSTZIX— логгер. Пишет записи в окно Output Console.
Эта статья о втором.
Методы логгера
JUSTZIX.log('простая запись');
JUSTZIX.info('информация');
JUSTZIX.warn('предупреждение');
JUSTZIX.error('ошибка');
JUSTZIX.debug('диагностическая деталь');
У каждого уровня свой цвет в Output Console, и его можно фильтровать. Есть также алиасы __JUSTZIX__ и JZ.log/.warn/... — на случай, если у страницы есть своя переменная под названием JUSTZIX.
Почему не обычный console.log
- Никакого DevTools. Output Console рендерится на странице. Тебе не нужно открывать F12 или держать его открытым.
- Остаётся в поле зрения. Закреплённое окно Output остаётся в углу вкладки — ты видишь логи краем глаза, всё время.
- Фильтры и поиск. Ты фильтруешь уровни и ищешь среди записей — встроено в окно.
Output Console ловит и собственный console.log страницы, и необработанные ошибки — но JUSTZIX.* — это твой канал, визуально отделённый от шума страницы.
Паттерн — контрольные точки в правиле
JUSTZIX.info('Правило корзины — старт');
const items = document.querySelectorAll('.cart-item');
JUSTZIX.log('Товаров в корзине: ' + items.length);
if (!items.length) JUSTZIX.warn('Корзина пуста — селектор всё ещё актуален?');
Правило рассказывает, что оно делает. Когда оно перестаёт работать, Output Console показывает точно, на каком шаге — без угадывания.
Ловушки
- Лог в цикле.
JUSTZIX.logв обработчикеscrollилиMutationObserverзатопляет окно. Логируй события, не каждый кадр. - Уровень debug может быть скрыт. Output Console фильтрует
debugпо умолчанию — если не видишь запись, проверь фильтр уровней.
Смотри также
- Output Console — полное описание окна
- Output Console ловит ошибки — что ещё попадает в окно
- Правила, устойчивые к изменениям DOM — логгер как система раннего предупреждения
Установи JustZix — и логируй, не открывая DevTools.
Оцени эту статью
Оценок пока нет — оцени первым.