Debugar HTML e CSS no Firefox Com Firebug

By | Maio 27, 2008

firebug inspect window
O Firebug é uma extensão para o Firefox, agora compatível com a versão 3, que ajuda a solucionar problemas com HTML e CSS. Uma vez instalado, o Firebug ativa um menu que quando você clica em qualquer objeto (imagem, título, etc) na sua página você pode identificar o código que afeta a sua apresentação.

Por exemplo, você quer saber em que fonte e tamanho está um determinado título desta página. Com o Firebug ativado, basta clicar com o botão direito em cima deste título e escolher a opção “Inspect Element”. Uma janela abre mostrando o código html e também as propriedades de formatação CSS. Para mim é uma das mais úteis extensões que recomendo para quem desenvolve para web.

firebug style css janela

Baixe o Firebug. (Firefox necessário).