Criado em 25/01/2010 - Atualizado em 16/02/2012
Programação de CSS, HTML e JavaScript em tempo real, só com Firebug
Firebug é a solução definitiva para os programadores que precisam de uma ferramenta para visualizar o funcionamento de seus sites enquanto programam o código, a estrutura ou consertam possíveis erros no código, com atualização em tempo real. Leve e gratuito, o Firebug faz um enorme sucesso por se integrar diretamente ao Mozilla Firefox.
O que torna o Firebug tão especial é a capacidade de atualizar as páginas em tempo real, conforme a edição é feita. Este recurso facilita muito a vida de quem precisa ganhar tempo para atualizar e corrigir erros no HTML, CSS ou JavaScript de um site e, quem sabe, chegar à perfeição. Uma vez instalado, todos os recursos ficam disponíveis através de um pequeno ícone localizado na barra de ferramentas no navegador.
Conheça suas principais funcionalidades
Com auxílio da ferramenta Inspect, fica muito mais fácil encontrar na página o HTML do elemento que você está procurando. Basta usar o mouse e clicar no elemento desejado.
O Firebug é um excelente editor de CSS. Além de exibir as modificações do código em tempo real, ele conta com um dicionário das palavras-chave mais usadas em CSS. O editor de CSS também permite a visualização rápida e prática de tables, margens, bordas e offsets da página.
Conheça suas principais funcionalidades
O monitor de atividades da rede do Firebug Mozilla Firefox ajudará você a identificar o que está fazendo o seu site demorar tanto para carregar, analisando cada elemento da página e apresentando o tempo que demorou para carregá-lo.
Além disso, Javascripts podem ser executados diretamente pela linha de comando do Firebug, e qualquer erro que seu script possa ter é apresentado pela ferramenta debugger.