Firebug é uma extensão para o Firefox, você tem disponível diversas ferramentas que facilitam na hora de desenvolver páginas na web, possibilitando a eliminação e identificação de erros na sintaxe da programação, e mais você pode editar e monitorar o CSS, HTML e JavaScript em qualquer página da web que você quiser.
Para habilitar o Firebug no Firefox basta clicar no ícone que fica no canto inferior direito de sua tela, ou pressione F12.
1.CSS
Uma das melhores ferramentas do Firebug é de CSS, nela te possibilita a edição em tempo real e desabilitar funções específicas.
-
Modifique as propriedades CSS facilmente.
Você pode modificar propriedades CSS e ver o resultado na hora:
Basta clicar na propriedade que queira modificar e escrever o novo valor.
-
Desabilite propriedades CSS
Clique no ícone em destaque como da imagem a baixo para desabilitar certa propriedade CSS de sua página, e veja como se comporta na hora:
2.Ferramenta de inspecionar
Para usar a ferramenta de inspecionar clique no ícone igual da imagem a baixo:
Ao passa o mouse no layout de seu site as DIVs ficam em destaque em retângulos azuis .
E todo o código referente àquela DIV fica no console do Firebug:
3.Examine layout e modifique suas dimensões
Ao inspecionar alguma parte do layout de sua página, você pode alterar suas dimensões, alterando valores de margem, borda, enchimento (padding) e tamanho da DIV.
Para alterar os valores basta clicar nos número referente à propriedade que queira alterar:
mt bom mais, não tem como salvar as alterações?
Infelismente não, mais usando o firebug ja se tem noção de como sua pagina ficará que uma derterminada propriedade
Eu vejo o resultado de um elemento, copio e colo no css somente a parte alterada da propriedade .
Mão na roda, reduziu o meu tempo de produção em 70%!!!
Realmente é uma otima extenssão ela ajuda muito na hora de desenvolver o site