14 melhores extensões do chrome para desenvolvedores

COMPARTILHE ESTE POST

Share on facebook
Share on telegram
Share on whatsapp
Share on twitter

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

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

Share on facebook
Share on telegram
Share on whatsapp
Share on twitter
JUNTE-SE A MAIS DE 5.000 PROFISSIONAIS

Receba periodicamente em seu e-mail conteúdos sobre WordPress, Design, Marketing Digital e Negócios. 

Felipe Cardozo

Felipe Cardozo

Fundador do MX e desenvolveu diversos cursos para o portal. Além disso, também é publicitário e criador do MX Masters e Video Aulas Brasil, ama tecnologia e como filho de pais professores, não poderia deixar de ser e compartilhar imediatamente tudo que aprende!

O QUE VOCÊ PROCURA?

Digite no formulário o que deseja encontrar

  • ROLE PARA BAIXO PARA LER TODO CONTEÚDO
Curso Gratuito de WordPress
Inscreva-se gratuitamente em nosso Curso Gratuito de WordPress e inicie agora seus estudos online.