13 Add-ons para Firebug
Se voce é desenvovedor web, voce algum momento já trabalhou com o Firebug, uma ferramenta que auxilia no desenvolvimento e gerenciamento de aplicações web. Especialmente, após o JavaScript e Ajax que se tornou muito popular, é difícil o desenvolvimento e depuração sem Firebug.
Este grande add-on para o Firebug, foi desenvolvimento por uma equipe talentosa, e tem muitas características que o tornam imprescindível, tais como:
- Trabalho dentro do browser, sem necessidade de outros aplicativos;
- Estar em tempo real, registrando todos os pedidos;
- Capacidade de editar código e ver os resultados instantaneamente;
- Depurar JavaScript, medir o seu desempenho e muito mais.
Existem vários add-ons que podem adicionar mais potência ao Firebug para desenvolver com mais facilidade e agilidade. Aqui estão eles:
YSlow
YSlow Firebug é um add-on para analisar páginas web e receber sugestões sobre formas de melhorar o desempenho Ele também fornece ferramentas de análise desempenho, incluindo Smush.it ™ e JSLint.
Page Speed
Muito semelhante ao YSlow, é um add-on desenvolvido pela equipe do Google para avaliar o desempenho de páginas da web e, melhor de tudo, voce recebe sugestões (com base na “Web Performance Best Practices”) sobre as formas de melhorá-las.
Page Speed otimiza automaticamente imagens e fornece os comprimidos foruploading posterior.
Pode também detectar Javascript e CSS carregados que, na verdade, não é utilizada para diminuir o tamanho total dos arquivos.
Perfect Pixel
Perfect Pixel web permite que desenvolvedores e designers coloquem o layout superposto a uma página HTML, afím de comparar inperfeições e desalinhamentos na página.
É possível ligar/desligar qualquer número de elementos no design para ver se enquadra bem. E, com a opção opacidade, a composição pode ser visualizada sobre o HTML.
CodeBurner
CodeBurner oferece um painel de referência com uma ferramenta de pesquisa para estudar os elementos HTML, os atributos, propriedades e CSS.
Ela também fornece atalhos para visualizar informações ou código sobre um item selecionado.
FireUnit
FirePHP
Com a ajuda de FirePHP, é possível fazer logon para o Firebug console por um método PHP simples.
Os dados são enviados através de resposta ao cabeçalhos e não irá interferir com o conteúdo da página.
Para qualquer desenvolvedor que tenho utilizado a interface do Firebug, essa extensão é de grande ajuda para depuração de códigos PHP.
FireRainbow
FireRainbow acrescenta uma melhor sintaxe de apoio a Firebug e tem suporte a temas.
FireDiff
FireDiff acrescenta um quadro que acompanhar todas as alterações feitas no Firebug e pelo próprio site, os CSS e os DOM.
Isto fornece um olhar mais profundo sobre a funcionalidade do site e ajuda a manter um registro das alterações que foram necessárias para depurar a página de exibição.
JiffyFirefox Extension
Jiffy Firefox Extensão, usando o Jiffy-Web, acrescenta um novo painel para Firebug e gera o um relatório de tempo médio de execução dos elementos requisitados na página.
Hammerhead
Ele permite que você meça o tempo de carregamento páginas.
A extensão tem suporte para várias páginas e pode limpar caches (disco e memória), com um clique motrará o resultado.
Firecookie
Firecookie, é um visualizador / gerenciador de cookies, que trabalha dentro Firebug.
Para um desenvolvimento mais rápido, quando codifica uma aplicação, facilita a visualização dos cookies e os seus valores, datas de expiração, etc
Também é integrado com o Net painel, exibe cookies enviados e recebidos.
Firefinder
Firefinder oferece uma maneira de encontrar rapidamente elementos HTML, CSS e suas congruências ou expressão XPath.
Ela permite que você teste instantaneamente ao mesmo tempo, seletores CSS na página, enquanto vê o conteúdo e combinando com elementos em destaque na página.
LiveCoder
LiveCoder estende o Firebug e permite que desenvolvedores que controem Add-ons, possam analiza-los e modifica-los a qualquer momento.