Eadfox

14 melhores extensões do chrome para desenvolvedores

A maioria dos desenvolvedores web utiliza o Google Chrome como seu navegador principal. Trabalhar com o Chrome oferece acesso a um imenso repositório de extensões e ferramentas do navegador, o que torna nossas tarefas diárias menos trabalhosas. Com as diversas extensões do Chrome para Desenvolvedores disponíveis, o trabalha se torna mais eficaz e otimizado, uma vez que os profissionais terão rapidamente acesso aos recursos.

Neste post iremos te apresentar as 14 melhores extensões do chrome para desenvolvedores.

Continue lendo!

1. Usersnap

Usersnap

APRENDA SEO WEBINAR GRATUITO

Quer aumentar em até 10x os acessos do seu site?

Aprenda com o SEO Comprovado como rankear suas páginas nas 3 primeiras posições do Google, sem gastar com anúncios e sem conhecimento técnico:

ASSISTIR WEBINAR GRÁTIS AGORA

A extensão do Chrome Usersnap permite capturar e criar anotações em qualquer página da web diretamente no seu navegador. É muito fácil fornecer feedback visual sobre protótipos ou reportar bugs com essa extensão do Chrome. E todas as capturas de tela criadas são armazenadas diretamente no painel do seu projeto, tornando o rastreamento de bugs e o feedback muito divertidos!

O Usersnap é uma premiada ferramenta de rastreamento e feedback de bugs, utilizada pela Inc., Forbes, Techcrunch e Huffpost. Ela é amada por empresas como Google, Facebook, Microsoft, que usam o Usersnap diariamente para trabalhar juntas em projetos web.

Download e mais informações

2. Web Developer

Web Developer

A extensão Web Developer para o Chrome adiciona uma pequena barra de ferramentas com diferentes recursos disponíveis. O conceito original desta extensão do Chrome para desenvolvedores veio da Barra de Ferramentas do Desenvolvedor PNH.

A extensão tem muitas ferramentas úteis que um desenvolvedor pode usar em seu trabalho diário – tanto para designers quanto para programadores. Ele permite que você faça muito mais do que o Inspector padrão do Chrome te oferece, como a possibilidade de adicionar facilmente contornos aos elementos apenas clicando, exibindo réguas, encontrando todas as imagens quebradas em uma página e muito mais.

Download e mais informações

3. f19N Obtrusive Live Test

f19N Obtrusive Live Test

Essa extensão do Google Chrome para desenvolvedores é uma estrutura de teste de páginas da Web extensível e em área restrita. Ele permite que os desenvolvedores testem todas as páginas sobre práticas recomendadas predefinidas, como SEO e desempenho dos sites. É muito simples criar os testes.

Você obtém feedbacks visuais e vê o que está acontecendo no navegador durante carregamentos de página.

Download e mais informações

4. Window Resizer for Developer

Window Resizer for Developer

A extensão Window Resizer permite redimensionar a janela do seu navegador em tempo real. Ao clicar no ícone na barra de menus, o recurso produz um menu suspenso de tamanhos de janela que você pode personalizar. O que é interessante sobre o Window Resizer é que ele oferece uma opção para abrir como pop-up, permitindo alternar entre diferentes resoluções de tela e ver se o site está funcionando conforme o esperado no que diz respeito à responsividade. Além disso, você também pode girar sua tela e personalizar as predefinições.

É possível ainda redimensionar a janela do navegador para emular várias resoluções de tela. Legal, né?

Download e mais informações

5. ColorPick Eyedropper

ColorPick Eyedropper

A extensão para Google Chrome ColorPick Eyedropper é uma ferramenta simples de seleção de cores que permite selecionar valores de cores em qualquer página da web. É muito útil quando você quer usar determinada cor de um site. Antes era necessário inspecionar o elemento para ver a cor do elemento, mas este plugin faz esta tarefa de forma rápida. Bem mais prático, não?

Download e mais informações

6. CSSViewer

CSSViewer

O CSSViewer é um simples visualizador de propriedades CSS. Ele fornece um painel flutuante que informa sobre a identidade da seção em que o mouse está, junto com seus atributos de fonte, texto, cor, plano de fundo, caixa, posicionamento e efeitos. CSSViewer fornece as informações básicas de CSS que você precisa de forma rápida e prática.

Download e mais informações

7. Lorem Ipsum generator

Lorem Ipsum generator

O Lorem Ipsum Generator faz o que o nome indica. Ele fornece uma maneira fácil e rápida de criar texto padrão com Lorem Ipsum. Definitivamente, esta é uma maneira rápida se você precisar de algum texto padrão de exemplo para usar como teste em seus sites.

Download e mais informações

8. Ghostery

Ghostery

O Ghostery é uma ótima extensão do Chrome que detecta rastreadores, pixels e qualquer outro snippet incorporado em um site. Você vê imediatamente quais plugins e rastreadores estão instalados na página visitada. O Ghostery permite ainda que você proteja sua privacidade. Não é necessário registro ou inscrição para usar esta extensão do Chrome.

Você ainda pode ver quem está acompanhando sua navegação na web com o Ghostery. Legal, né?

Download e mais informações

9. Wappalyzer

Wappalyzer

Semelhante ao Ghostery, a extensão do Chrome Wappalyzer permite identificar o softwares/sistemas instalado em qualquer site analisado. Descobre tecnologias, sistema de gerenciamento de conteúdo, plataformas de e-commerce, servidores web, frameworks Javascript e ferramentas de análise instaladas.

Download e mais informações

10. IE Tab

IE Tab

Você tem a necessidade de fazer testes de como seu site se comporta nas versões do Internet Explorer, mas não deseja instalar todas as versões diferentes do Internet Explorer em sua máquina? Confira a extensão do IE Tab para o Chrome, que emula o IE usando o mecanismo de renderização do IE diretamente no Chrome. Você pode testar seu site para IE6, IE7, IE8 ou IE9 diretamente em seu navegador Chrome. Que beleruza, não?

Infelizmente, a extensão do IE Tab está disponível apenas para o Windows no momento.

Download e mais informações

11. Site Spider

Site Spider

Se você precisa encontrar links quebrados em seu site e quiser restringir o spidering a um diretório específico, você precisa da extensão Site Spider.

Download e mais informações

12. Session Manager

 Session Manager

Quando você está trabalhando na Web, o gerenciamento de guias do navegador é um ótimo recurso e bastante usado por desenvolvedores. Para facilitar este processo, conheça a extensão Session Manager. Ele salva seu estado de navegação e permite reabrir a sessão mais tarde. É particularmente útil se você se encontrar abrindo as mesmas páginas da web várias vezes no seu dia-a-dia.

Download e mais informações

13. Clear Cache

Clear Cache

Esta extensão extremamente útil do Chrome permite que você limpe seu cache diretamente barra de ferramentas. É personalizável em termos de quantidade de dados que você deseja limpar, incluindo cache de aplicativos, downloads, sistemas de arquivos, dados de formulários, histórico, armazenamento local, senhas e muito mais. Limpeza do seu cache de forma rápida e prática.

Download e mais informações

14. JSONView

JSONView

Como um desenvolvedor que trabalha com APIs RESTful, a leitura de dados JSON brutos em um navegador pode ser bastante complicada. É muito mais fácil ler o JSON no modo de exibição em camadas, em vez de no estado compilado e bruto. A extensão do Chrome JSONView ajuda você a visualizar documentos JSON no navegador de forma simples, prática e rápida.

Download e mais informações

Siga-nos

Siga o Eadfox nas redes sociais e mantenha-se informado sobre novos recursos.

Newsletter

Cadastre seu melhor e-mail para receber conteúdos exclusivos do site.

Obrigado! Seu E-Mail foi cadastrado com sucesso.