Depuração do Chrome - interrupção no evento do próximo clique

197

Temos um botão. Os eventos de clique são manipulados por uma estrutura de terceiros, no entanto, a estrutura é de algum modo danificada.

Queremos depurar a estrutura, no entanto, não sabemos onde reside o código do manipulador de eventos correspondente para definir um ponto de interrupção. Como geralmente "interromper o evento do próximo clique" e ver onde e como esse clique é tratado pela estrutura de terceiros?

javascript debugging google-chrome google-chrome-devtools DR
fonte
3
Principalmente uma duplicata do Como usar o Chrome, como descobrir quem está vinculado a um evento?
Dan Dascalescu

Respostas:

320

O que você está procurando são ' Pontos de interrupção do ouvinte de eventos ' na Sourcesguia. Esses pontos de interrupção são acionados sempre que qualquer ouvinte de evento, que ouve o evento escolhido, é disparado. Você os encontrará na guia Fontes. No seu caso, expanda a categoria 'Mouse' e escolha 'Clique'.

Pontos de interrupção do DevTools Event Listener

Konrad Dzwinel
fonte
5
você não pode imaginar como estou feliz por conhecer essa dica, muito obrigado!
IdontCareAboutReputationPoints
Existe uma maneira de capturar cliques, mas limitar o ponto de interrupção a apenas um determinado arquivo ou diretório e não, por exemplo, várias bibliotecas ofuscadas e extensões do Chrome?
Artem Russakovskii