breakpoint on submit - инструмент разработчика Chrome

Есть ли способ, которым я могу поставить точку прерывания на инструмент разработчика Chrome, чтобы экран был приостановлен, когда я нажимаю кнопку "Отправить"? В точности, как прорваться на подачу действия?

Ответы

Ответ 1

Я опубликовал очень похожий ответ, в котором подробно описано, как включить контрольные точки прослушивателя событий в Google Dev Dev Tools.

В инструментах dev перейдите на вкладку " Sources " и посмотрите в правой колонке с расширяемыми/сворачиваемыми суб-панелями. Разверните ту, которая называется Event Listener Breakpoints. Здесь находятся расширенные флажки, которые позволяют вам отмечать любые события, которые вы хотите прослушать. После того, как вы проверите любой из них, Chrome разломит JS-код, как только произойдет событие такого типа.

Вы специально хотите submit событие в группе Control. Разверните элемент Control и отметьте " submit, как показано на рисунке ниже (поле "Элемент Control автоматически добавляется, чтобы указать, что некоторые, но не все элементы под ним отмечены галочкой). Затем инструменты Chrome dev должны немедленно попадать в динамическую точку останова при возникновении события отправки.

Chrome Dev Tools Submit Event Breakpoint

Удовлетворяющий факт: я все еще submit тике, когда я нажал кнопку, чтобы опубликовать этот ответ, и Chrome попал в точку останова :).