Criado em 09/02/2010 - Atualizado em 27/10/2010
Chrome ganha programação de sites em tempo real com novo Firebug lite
O Firebug é um conhecido plugin para Mozilla Firefox que auxilia programadores e designers na hora de criar novos sites. A extensão permite que o usuário faça alterações no código-fonte da página que está sendo visitada in loco e veja o resultado imediatamente, no próprio navegador.
- Baixar: Google Chrome
- Baixar: Mozilla Firefox
- Baixar: Firebug para Mozilla Firefox
A versão do Firebug para o Google Chrome ganhou o lite (leve) no nome porque esta extensão não conta com todos os recursos do Firebug original, desenvolvido para Firefox. As ferramentas disponíveis, no entanto, tornam desta versão um aplicativo essencial para os designers e desenvolvedores testarem seus sites no navegador da Google. A integração com o Chrome é total, e o plugin pode ser ativado somente para um domínio específico, à seu critério.
Atualização do código em tempo real
Uma vez que o botão do plugin esteja acionado, ele só será carregado pelo navegador depois que todos os scripts e arquivos relacionados à página em questão forem baixados. Dessa forma, o programador poderá ter maior flexibilidade para verificar os atributos de uma classe no CSS, do código HTML.
Dentre as limitações que o Firebug Lite para Google Chrome tem é a falta de suporte ao debugger de JavaScript, além de algumas instabilidades na visualização de páginas que utilizem frames.
Funcionamento
O sistema de ativação do Firebug Lite é muito simples. Quando você visita uma página web, o ícone do Firebug estará acinzentado, indicando que está desativado. Clicando sobre ele, o Firebug será ativado para todas as páginas desse domínio, e o ícone automaticamente ficará colorido.
Para desativar para um domínio específico, basta ir para uma página desse domínio e clicar no botão de desligar.
Benefícios do Firebug Lite
- Integração com a barra de ferramentas do navegador;
- Capaz de ativar o Firebug Lite para um determinado domínio;
- Firebug Lite será carregado antes de todos os outros scripts, permitindo-lhe captar todos as chamadas e solicitações XHR para esta página;
- É mais rápido para carregar porque todo o código e imagens serão armazenadas no diretório da extensão em sua máquina;
- O plugin será capaz de ler recursos externos na próxima versão;