Firebug Lite

O Google Chrome está ganhando popularidade e aceitação como uma alternativa ao Firefox e ao Internet Explorer, e não apenas entre os internautas; Os desenvolvedores da Web gostam da velocidade e flexibilidade do Chrome, bem como de seus componentes de código aberto. Firebug Lite para Google Chrome é uma extensão gratuita que adiciona a funcionalidade da popular ferramenta de desenvolvimento Firebug Web à interface do Chrome. O Firebug Lite permite inspecionar e modificar HTML em tempo real, analisar o desempenho e a atividade da rede e depurar JavaScript com o que é considerado o depurador mais avançado disponível em um navegador.

Instalar o Firebug Lite para Google Chrome foi tão simples quanto abrir a página no Chrome, clicar no link de download e permitir as alterações. O ícone do Firebug Lite apareceu no espaço de extensões à direita da barra de ferramentas; clicar nele abriu e fechou o painel inferior do programa. Este painel expansível e destacável abrange a largura da interface do Chrome. Seu menu de arquivo possui duas entradas: Inspecionar, para analisar a página da Web de destino, e Limpar, para redefinir o campo. A bandeja de ferramentas com guias contém entradas intituladas Console, HTML, CSS, Script e DOM. Uma pequena seta no quadro inferior abriu um painel lateral para inserir e executar scripts. Os botões de navegação nos permitem desativar o Firebug Lite para a página atual, bem como abrir o programa em uma janela pop-up, o que nos permite movê-lo independentemente do Chrome.

Antes de usar o Firebug Lite, assistimos ao breve tutorial em vídeo do desenvolvedor, que faz um bom trabalho ao guiar novos usuários pelas várias ferramentas do programa. Navegamos para uma página da Web pessoal e clicamos em Inspecionar. A guia HTML exibia o código no painel principal, enquanto o painel lateral menor era aberto com três guias exibidas: Estilo, Computado e DOM, com o DOM exibindo informações Java abrangentes. Seguindo as instruções do tutorial, conseguimos alterar rapidamente o HTML o suficiente para ver uma mudança visível no site, mas sem causar nenhum dano. Clicar em CSS abriu a ferramenta Cascading Style Sheets e um menu suspenso na barra de tarefas principal listando todos os sites associados para inspeção.

O Firebug Lite para Chrome faz muito para cobrir tudo adequadamente aqui, mas tudo o que você realmente precisa saber é o seguinte: é gratuito, integra-se perfeitamente ao Chrome e funciona muito bem.