Firebug

Se você trabalha com desenvolvimento para web não pode deixar de instalar esta extensão em seu Firefox.

Através do Firebug você pode analisar seu código HTML, Javascript e CSS de forma rápida e fácil.

Se ocorrer qualquer erro de Javascript em sua página um contador será exibido no canto inferior direito do seu Firefox.
Ao clicar, será exibido um painel mostrando qual o erro, o arquivo e a linha onde ele ocorreu. Isto para os programadores é excelente! Ainda é possível debbugar o código quando o comando “debugging” é inserido no meio da função.

Para quem trabalha mais com o design das páginas é possível alterar os atributos de formatação na própria página, sendo diretamente nas tags ou então no arquivo CSS. Para isto basta clicar com o botão direto sobre o item que se deseja fazer uma alteração e ir à opção “inspecionar elemento”.

No painel que abrirá, basta clicar sobre onde se quer alterar, inserir os novos parâmetros e ver como ficou na tela instantaneamente. Se o teste ficar bom é só você replicar isto no arquivo fonte e pronto!

Estes são alguns recursos que esta extensão possui. Gostou e quer instalar?

Então acesse http://getfirebug.com e clique no botão “Install Firebug For Firefox”. Uma janela será exibida e você deve clicar em “Instalar agora”. Aguarde a finalização do download e em seguida reinicie seu Firefox.