Добавить console.log или эквивалент из браузера

Question

Например, в инструментах Chrome Dev легко установить точку останова в Javascript для веб-сайта. Когда вы остановлены на точке останова, легко выйти из значения любой переменной в области действия точки останова, и вы даже можете использовать выражения наблюдения, чтобы сделать это автоматически.

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

Мой пример использования: при разработке я часто буду использовать консольные журналы для отладки. Я могу добавить консольный журнал, скомпилировать, запустить свой dev-сервер, перейти к тому месту в приложении, где выполняется код, и просмотреть журнал. Однако для рабочего процесса моей команды было бы полезно иметь возможность добавлять дополнительные журналы без перекомпиляции и т. Д. Есть ли способ сделать это в Chrome?

Answer 1

Начиная с Chrome 73, вы можете использовать Logpoints , которые в основном являются неразрывными контрольными точками, которые выполняют регистрацию только для вас.

До того, как Logpoints были предметом - вы могли бы установить условную точку останова в devtools и просто написать console.log(someVar) внутри условного оператора, и это сработало бы, так как console.log ничего не возвращает, и, следовательно, не останавливается на желаемой точке останова.

Answer 2

Добавление журнала консоли - это то, что Google недавно добавил.В выбранной строке вместо щелчка левой кнопкой мыши щелкните правой кнопкой мыши и выберите «добавить точку журнала», появится маленькое текстовое поле, введите переменную, которую вы хотите сохранить в журнале консоли.

Если вы не видите это обновление функцииваш браузер