Debugando AJAX/Javascript com o Firebug

Quando se começa desenvolver usando AJAX o volume de Javascript na sua aplicação aumenta consideravelmente e aí acaba vindo a necessidade de tratar mais seriamente o código javascript. Os alerts podem não ser mais o suficiente para debugar e as informações de erros dos browsers podem não ser o suficiente para encontrar o erro. Neste momento nada melhor que conhecer o Firebug.

Conheci o Firebug ainda na versão 0.1 quando comecei usar DWR e estava tendo dificuldade para debugar javascript. Recentemente foi lançada a versão 1.0 dele que trás praticamente todos recursos que pode se esperar de um debug web. É possível editar, debugar e monitorar CSS, HTML e JavaScript em tempo de execução da página web. Visualizar a árvore DOM de uma págna, encontrar exatamente qual a linha que está dando erro juntamente com um stack trace se tornam simples com o Firebug.

O Firebug foi escrito em XUL especialmente para funcionar dentro do firefox mas é possível utilizar uma versão reduzida dele em outros browsers como o Safari da Apple.

Para instalar o Firebug basta acessar o site e instalar o xpi da mesma forma simples de qualquer plugin do Firefox. Ao instalar você verá que com todos os recursos do Firebug ele é um plugin bem leve que de forma alguma torna o Firefox pesado.

Leave a Reply


Yoomp