// codeart.ru / Вопрос/Ответ / Отладка JavaScript с помощью Chrome Debug и console.log Форум

Отладка JavaScript с помощью Chrome Debug и console.log rss подписка

Автор: Evgeniy Sergeev

Я хочу предложить вашему вниманию интересный хак, который позволяет отлаживать JS с помощью console.log, но без необходимости вставлять эту конструкцию в код скрипта.

Так сложилось, что для работы я активно использую Chrome и его инструменты разработчика. Во встроенном отладчике есть все необходимое для отладки когда. Но большая часть сценариев предполагает переход от одной точки останова к другой. В ситуациях, когда нужно отследить и сравнить значение переменное в динамике, использовать точку останова не очень удобно.

Поэтому программисты вместо точек останова в отладчике используют команду console.log непосредственно в коде скрипта. Это позволяет открыть консоль инструментов разработки и смотреть что происходит внутри скрипта без остановок.

Я тоже люблю посмотреть переменные в динамике, но при этом мне не нравится замусоривать свой код функциями console.log.

Я нашел следующее решение, которое позволяет использовать console.log без необходимости править исходный код. Я использую так называемые условные breakpoint. Нетрудно догадаться, что в условии останова можно использовать не только выражения, но и функции. Вот пример моих точек останова:

console.log  в условных breakpoints

console.log в условных breakpoints

В итоге я получаю удобный вывод в консоль, и не засоряю код ненжуными вставками:
Результат условных Breakpoints

Leave a Reply

« »