Точки останова слушателя событий в Google Chrome Devtools

Question

Точки останова прослушивателя событий в Google Chrome Devtools предлагает различное количество опций, но для меня они не очень полезны, поскольку они всегда приводят меня к какой-то неактуальной части кода.

Что я хотел бызнаете, можно ли ограничить его только одним классом?Например, onMouseClick отправьте мне первый метод, который выполняется после щелчка мышью внутри определенного класса.Если ни один из методов не запущен внутри этого класса, тогда просто ничего не делайте.

Answer 1

Вы можете установить точки останова для каждого сценария и каждой строки отдельно.Сначала откройте инструменты отладки и выберите скрипт на вкладке источников:

Затем вы можете нажать на номер строки (здесь только нет1) и это выглядит так:

Как вы видите, теперь линия помечена, но также в правом столбце указана ваша индивидуальная точка останова.

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

Имея минимизированные сценарии, точки останова сложно использовать, поэтому лучше иметь сценарий, в котором каждыйВ строке есть только одна команда, ее гораздо легче отладить.Так что для отладки вы должны изменить соответствующий скрипт на своей странице на неминифицированную версию, возможно, также с файлом карты, если он доступен.