Как работают условные точки останова в Chrome DevTools?

Условные точки останова в Chrome DevTools позволяют устанавливать точки прерывания выполнения кода, которые срабатывают только при реализации заданного условия. nuancesprog.ru

Эта функция удобна, если необходимо приостановить выполнение кода только при условии достижения определённой переменной конкретного значения или оценки определённого выражения как true. nuancesprog.ru

Чтобы использовать условные точки останова в Chrome DevTools: nuancesprog.ru

1. Откройте DevTools и перейдите в раздел «Sources». nuancesprog.ru
2. Найдите строку кода, в которой нужно установить точку останова. nuancesprog.ru
3. Щёлкните правой кнопкой мыши по номеру строки и выберите «Add conditional breakpoint» («Добавить условную точку останова»). nuancesprog.ru
4. В появившемся диалоговом окне введите условие. nuancesprog.ru Это может быть имя переменной с оператором сравнения (например, i === 10) или любое другое допустимое выражение JavaScript. nuancesprog.ru
5. Нажмите «Enter» или «OK», чтобы установить условную точку остановки. nuancesprog.ru

В верхней части столбца с номером строки появится оранжевый значок со знаком вопроса. github.com