Eu queria saber se existe uma ferramenta, ou algo assim para interceptar funções JavaScript quando elas são chamadas em uma página da Web, por exemplo, digamos que estou em uma página da Web e pressiono a tecla Seta para Cima que tem um evento anexado a ele que chama um método para alterar uma cor div para vermelho .. Existe alguma ferramenta que pode me registrar o nome da função chamada enquanto eu pressionei a seta para cima?
Você pode usar o Firebug para isso: link
Este é um plugin muito versátil do Firefox, usado para desenvolvimento e investigação : -)
Você pode usar a função "Interromper no próximo" no painel "Script": link
Isso mostrará o código de execução toda vez que uma parte do código javascript for ativada.
O restante da função do Firebug também deve permitir que você descubra exatamente o que você precisa.
A maioria dos navegadores tem uma ferramenta de depuração semelhante ao Firebug e o atalho comum é a tecla F12:
Na maioria deles você também pode usar o "breakpoint" no seu código javascript on-fly e você também pode escrever diretamente no console javascript escrevendo no seu código javascript algo como: console.log("hello") .
Você também pode interagir diretamente com os objetos Dom ou javasript carregados, chamando-os na guia "console" deste tipo de ferramentas.
Esse tipo de ferramenta de desenvolvimento também pode ajudá-lo a interagir no CSS.
Tags javascript