6

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?

12
  • 3
    Como assim javascript sendo executado no elemento html? Commented 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
    – mgibsonbr
    Commented 24/10/2014 às 17:13

2 Respostas 2

3

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):

  1. Abres o Firebug por exemplo com a tecla F12
  2. Clicas sobre o separador console;
  3. 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:

    Imagem ilustrativa

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().

1

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.

1
  • 1
    Foi 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!
    – brasofilo
    Commented 24/10/2014 às 19:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .