Como posso ativar os observadores de eventos em um arquivo JavaScript específico nas Ferramentas do desenvolvedor do Google Chrome?

Question

Eu tenho a necessidade de saber qual função JavaScript está sendo chamada dentro de um arquivo quando pressiono um botão. Meu problema é que eu tenho um arquivo JavaScript muito grande e não tenho nenhuma documentação sobre isso. Eu queria saber se havia alguma maneira que eu poderia ativar os observadores de eventos para esse arquivo específico apenas, em ferramentas de desenvolvedor do Chrome para que quando eu clicar em um botão, ele vai me dizer qual função está sendo chamado nesse arquivo gigantesco.

Até agora consegui usar a aba Global Listeners para assistir aos eventos de clique do mouse, mas isso me levará ao jquery- (version) .js e isso não me levará a lugar algum.

Acho que isso seria semelhante a colocar pontos de interrupção em todas as linhas desse arquivo, mas não posso fazer isso por causa do tamanho do arquivo.

    

Answer 1

Com base na natureza da sua pergunta, estou supondo que o gigantesco arquivo Javascript em questão está minificado ou ofuscado, tornando a busca semântica difícil (por exemplo, ctrl + f pesquisando por palavras-chave como "onClick" no arquivo). / p>

Eu não tenho certeza se há alguma maneira particularmente limpa de fazer isso. Acho que sua melhor opção é usar os pontos de interrupção do ouvinte de eventos do depurador do Chrome para percorrer todos os ouvintes de cliques até encontrar um que chame seu arquivo.

• Abra a guia Ponto de parada do listener de eventos no depurador do Chrome, abra a seção Mouse e marque clique em . Isso anexa pontos de interrupção a todos os ouvintes de eventos js click em seu DOM (para que seja útil fazer isso em uma janela anônima ou desabilitar quaisquer extensões que tenham ouvintes de cliques).
• Quando os pontos de interrupção dispararem, clique no botão "Continuar" até que um ponto de interrupção seja disparado dentro do arquivo que você está investigando.
• Se o seu arquivo nunca aparecer, você provavelmente terá um pouco de trabalho árduo pela frente. Acione outro clique, somente agora, comece a entrar nos callbacks e veja se algum deles eventualmente leva ao seu arquivo.
  • Não vá muito fundo em um retorno de chamada se não parecer promissor. Você pode voltar a ele, se necessário. Faça alguns passes relativamente superficiais (ou seja, experimente apenas algumas funções em cada retorno de chamada) para eliminar leads improváveis.
  • Deixe os callbacks de qualquer biblioteca (JQuery, Kefir, etc.) como a última coisa a investigar, pois essas geralmente são as mais profundas e geralmente são apenas lógicas internas em funcionamento.
• Se você ainda não encontrar nada depois de acessar os callbacks do clique , poderá tentar colocar pontos de interrupção no mousedown ou mouseup