Firebug Lite: Firebug para IE, Opera e Safari

A famosa extensão para firefox ganhou uma solução para os demais browsers, o firebug lite. Não é a mesma maravilha, mas dá pra quebrar um galho na hora de procurar onde é que está a cagada.

firebug-lite

Funciona diferente, é um arquivo javascript que você deve invocar dentro da tag head da sua página.

<script type='text/javascript' src='js/firebug-lite.js'></script>

Além de obter todo o css dos elementos, é possível adicionar css. A página também passa a aceitar console.log(‘teste’); para testar, ao invés de ficar dando alert(‘teste’);

A documentação completa está disponível no site do firebug lite.

Para quem procura ferramentas de auxílio no desenvolvimento para o IE, recomendo também :

IE developer toolbar

Bom para corrigir erros de layout / css. É possível inspecionar, obter e alterar todo o css de um elemento.

E o Debug bar.

Esse é melhor para corrigir erros de javascript, lista todas os scripts e as funções e é possível executar javascript a partir de seu console.