No Firebug é possível saber qual CSS está sendo aplicado no elemento HTML, porém não é possível saber qual JavaScript está sendo executado no elemento HTML, tem como saber isso?
-
3Como assim javascript sendo executado no elemento html?– D.EvangelistaCommented 24/10/2014 às 16:32
-
3@user8465 Neste exemplo não há nenhum javascript sendo executado sobre o elemento. O elemento está apenas sendo selecionado.– CafféCommented 24/10/2014 às 16:50
-
4@user8465 O que estou dizendo é que não é um exemplo útil. Continuamos sem saber o que você quer.– CafféCommented 24/10/2014 às 16:54
-
2@user8465 Atualize a pergunta com um "código javascript sendo aplicado sobre um elemento", daí podemos saber se há uma maneira de achar esse código sem conhecê-lo previamente.– CafféCommented 24/10/2014 às 17:00
-
3@user8465 O JavaScript não é executado "dentro da div", ele é executado globalmente para toda a página - podendo ou não alterar o conteúdo da div. Como você pode guardar uma referência pra div em qualquer variável (ou mesmo nenhuma variável - se você fizer a seleção e a alteração na hora) fica impossível saber todo trecho de código que toca numa div, e portanto em que parte da página (inline ou script externo) aquele código foi definido. A maneira mais garantida é lendo o código-fonte mesmo... :P– mgibsonbrCommented 24/10/2014 às 17:13
|
Mostrar mais 7 comentários
2 Respostas
Podes apurar quais os eventos anexados a determinado objeto do DOM via Firebug a partir da versão 1.12, onde foi introduzida a função getEventListeners(target)
(Inglês):
- Abres o Firebug por exemplo com a tecla F12
- Clicas sobre o separador
console
; Digitas na linha de comandos a função passando como parâmetro um objeto de DOM.
Exemplo para recolher eventos anexados à tag
<body/>
:getEventListeners(document.body);
O resultado será algo do tipo:
Notas:
Não parece funcionar com objetos de jQuery, deverás fazer uso de objetos DOM "normais".
Deverás esperar que a página esteja totalmente carregada para garantir que o DOM foi todo lido e está pronto a ser pesquisado pela getEventListeners()
.
Se estiver utilizando jQuery, existe um plugin para o firefox que permite que você saiba que função está atachada para um elemento html. O nome do plugin é FireQuery.
-
1Foi mal, acho que nossas edições colidiram. É legal esperar 5 minutos depois que alguém faz uma edição. Esse é o tempo que dá para corrigir coisas sem gerar um item no histórico (grace period). Tinha colocado o resumo do plugin pois é boa prática colocar um resumo do que o leitor vai encontrar no link oferecido. Tudo de bom! Commented 24/10/2014 às 19:51