10 extensões úteis do Firefox para turbinar o Firebug

Bug de fogo é uma extensão revolucionária do Firefox que ajuda desenvolvedores e designers web a testar e inspecionar código front-end. Ele nos fornece muitos recursos úteis, como um painel de console para registrar informações, um inspetor DOM, informações detalhadas sobre os elementos da página e muito mais. Embora o Firebug já esteja repleto de recursos prontos para uso, várias extensões disponíveis podem aprimorar sua utilidade.

Neste artigo você encontrará as 10 melhores extensões do Firefox para Firebug isso tornará sua vida, como desenvolvedor ou designer, mais fácil.

1. Pixel Perfeito

Pixel Perfeito permite sobrepor layouts da web e outras composições de design em uma página da web para que você possa escrever CSS e HTML com precisão (e facilidade). Ao ser capaz de ativar ou desativar uma composição da web, os desenvolvedores e designers da web podem ter um guia visual para precisão perfeita em pixels da posição e dimensões dos componentes da página da web. Confira o vídeo de demonstração do Pixel Perfect em ação.

2. Velocidade da página

Velocidade da página é um complemento Firebug de código aberto para avaliar o desempenho de páginas da web, dando aos desenvolvedores sugestões sobre otimizações de desempenho de front-end que eles podem realizar. Os testes e avaliações são baseados no Google Melhores práticas de desempenho na Web desenvolvido através O trabalho de Steve Sounder. Certifique-se de ler o guia do usuário do Page Speed ​​para obter a documentação completa de seus vários recursos.

3. Gravador de código

CodeBurnerdivulgado por SitePointestende o Firebug para fornecer uma referência HTML e CSS integrada. A extensão também apresenta informações contextuais baseadas no que está atualmente nos painéis CSS e HTML do Firebug. As referências são muito úteis, mostrando informações sobre compatibilidade do navegador e conformidade com as recomendações W3C dos elementos da página, entre muitos outros tipos de informações.

4. Fogo Arco-Íris

Fogo Arco-Íris é uma extensão simples do Firebug que preenche uma função muito desejada: realce de sintaxe de código. FireRainbow colore JavaScript, CSS e HTML para melhorar a legibilidade do código que está sendo revisado ou inspecionado no Firebug. Existem atualmente mais de 20 temas FireRainbow diferentes para você escolher, oferecendo algumas opções de personalização.

5. Localizador de código embutido

Localizador de código embutido é ótimo para caçar JavaScript e CSS in-line e é perfeito para desenvolvedores que refatoram a marcação existente para separar a estrutura (HTML) do estilo (CSS) e da função (JavaScript). O uso da ferramenta é simples: ela pesquisa código embutido em toda a página da web e fornece ao desenvolvedor informações contextuais sobre o código embutido que encontra. O versão mais recente oferece a capacidade de filtrar determinados grupos de código embutido.

• Instale o localizador de código embutido

6. Biscoito de fogo

O desenvolvimento de aplicações web que utilizam cookies pode ser demorado. Biscoito de fogouma extensão do Firebug, oferece uma série de opções e recursos estritamente para trabalhar com cookies. A extensão permite visualizar, inspecionar, exportar e gerenciar cookies, registrar eventos de cookies (criação, exclusão, etc.) e muito mais.

O versão mais recente do Firecookie adiciona várias melhorias, como a capacidade de listar apenas cookies provenientes de um subdomínio.

7. FirebugCodeCobertura

FirebugCodeCobertura é uma extensão de benchmarking do Firebug inspirada em IDE Selênio para determinar a porcentagem de execução do seu código durante o tempo, conhecido como cobertura de código. Isso normalmente é medido durante testes automatizados para ver quão bem os casos de teste são capazes de testar completamente seu código (com porcentagens mais altas sendo seu objetivo).

8. SenSEO

SenSEO é uma extensão do Firebug que analisa uma página da web e indica seu desempenho na otimização de mecanismos de pesquisa de whitehat de página única. A extensão verifica o uso correto de meta tags, presença de título, cabeçalhos e outros critérios relevantes para otimização ideal do mecanismo de pesquisa.

9. Yahoo! YLento

YLento avalia o desempenho de uma página da web e sugere possíveis locais para melhorias.

YSlow é baseado em YDN Melhores práticas para acelerar seu site e fornece notas em letras em um dos três conjuntos de regras predefinidos (ou definidos pelo usuário). Possui vários recursos úteis, como exibição de informações e estatísticas sobre componentes de páginas da web e integração de ferramentas de otimização, como JSLint e Smush.it.

10. Firefinder

Firefinder serve para encontrar rapidamente elementos de páginas da web que correspondam aos seletores CSS ou Xpath inseridos como critérios de pesquisa. O Firefinder é ótimo para testar quais elementos da página são afetados por uma regra de estilo CSS, bem como para destacar e encontrar elementos que correspondem às suas pesquisas.

Conteúdo relacionado