Para quem não conhece, o Firebug é um plugin desenvolvido originalmente para o  navegador* * Firefox. Foi criado com o intuito de auxiliar o desenvolvimento de aplicações web.  Dentre suas principais funcionalidades se pode destacar: depurar Javascript,  analisar requisições feitas pela página, manipulação de DOM. Ele possui várias extensões importantes, tais como: YSlow, Page Speed e Pixel Perfect.

Nesta última segunda-feira, 26 de novembro, o Firebug Working Group disponibilizou a versão 1.6.0 do Firebug. Essa ferramenta que já se tornou essencial no dia-a-dia dos desenvolvedores web, ganhou as seguintes funcionalidades…

Para quem não conhece, o Firebug é um plugin desenvolvido originalmente para o  navegador* * Firefox. Foi criado com o intuito de auxiliar o desenvolvimento de aplicações web.  Dentre suas principais funcionalidades se pode destacar: depurar Javascript,  analisar requisições feitas pela página, manipulação de DOM. Ele possui várias extensões importantes, tais como: YSlow, Page Speed e Pixel Perfect.

Nesta última segunda-feira, 26 de novembro, o Firebug Working Group disponibilizou a versão 1.6.0 do Firebug. Essa ferramenta que já se tornou essencial no dia-a-dia dos desenvolvedores web, ganhou as seguintes funcionalidades…

Console e Linha de Comando

HTML

CSS

Script

Miscelânea

Agora vamos entender algumas dessas melhorias, destaquei as seguintes:

Linha de comando disponível em todos os painéis

Agora temos a possibilidade de utilizar a linha de comando em outros painéis, além do Console Panel. Conforme destacado na imagem abaixo:

Na imagem acima podemos visualizar o novo botão da linha de comando na aba Script. Após clicar nele veremos a linha de comando, conforme apontado pela seta.

Possibilidade de rolagem nos Breadcrumbs

Agora é possível visualizar a hierarquia completa do objeto selecionado no DOM. Conforme apresentado na figura abaixo:

Os caras trabalharam bem na usabilidade dessa funcionalidade. Agora para navegar basta clicar nas setas apontadas na imagem, ou usar a rolagem do mouse, ou ainda fazer uso das setas de seu teclado.

Agora temos de botões: um para avançar e outro para voltar. Eles são utilizados para navegar entre os painéis no histórico dos visitados. Você pode visualizar esses botões na imagem abaixo.

Na imagem apresentada, podemos visualizar 4 itens, logo abaixo do botão de avançar a navegação. Essa lista com todos os itens do histórico pode ser habilitada clicando com o botão direito do mouse em um dos dois botões. Na imagem podemos observar que a aba atual é Net* , foi utilizada duas abas deScript** anteriormente a essa, e logo após o uso da abaNet*** o usuário foi para aba Cookies.

Logs tabulares

Essa foi a funcionalidade que mais me agradou, agora temos um novo método o console.table, com ele  poderemos apresentar logs tabulares no console. Um simples exemplo de uso, pode ser dado da seguinte forma:

console.groupCollapsed(“This is my table”);

console.table(table1);

console.groupEnd();

Para mais detalhes sobre essa funcionalidade acesse:

http://www.softwareishard.com/blog/firebug/tabular-logs-in-firebug/

Mais sobre…

Firebug 1.6.0 é para o Firefox 3.6 e no próximo anos será lançada versão 1.7 que esta sendo implementada para o Firefox 4.0. Não atualizou seu firebug ainda? Baixe-o agora:

http://getfirebug.com/releases/firebug/1.6X/

Referências