Top 10 Extensões do Chrome Para Programadores

Ter diversas ferramentas é muito importante principalmente para quem busca agilidade e qualidade no desenvolvimento de projetos. Existem muitas extensões gratuitas oferecidas pelo Google Chrome que vão atender às suas demandas e economizar muito o seu tempo.

No artigo de hoje, listamos algumas extensões específicas para o navegador mais popular na atualidade, o Google Chrome.  Elas vão salvar seu dia e melhorar muito seu fluxo de trabalho com relação à front-end, performance, mobile, acessibilidade, design, entre outras coisas.

1- JSONView

Se você utiliza JSON e sente falta de uma visualização mais amigável por parte do Chrome, o JSONView resolve este problema.

Ele organiza a renderização de um arquivo JSON em nós, indentando e respeitando hierarquia. Um dos add-ons mais simples e eficazes que já encontrei!

Confira: JSONView

2- Window Resizer

Window Resizer emula diferentes tamanhos de janela, mostrando como o seu site pode ser visto por diferentes resoluções. Desde as pequenas telas dos celulares até aos monitores enormes que existem atualmente, esta extensão permite que você simule qualquer tamanho de janela, para saber se o seu site está sendo visto corretamente ou se existe algo que você possa fazer para melhorar a experiência das pessoas que o acessam.

Confira: Window Resizer

3- Web Developer

É uma extensão bem completa para quem gosta de analisar praticamente tudo de sites (próprios e dos outros). Ele possui mais de 100 funcionalidades distribuídas entre os elementos principais de sites: CSS, imagens, formulários, tamanhos de telas, tools entre outros.     

Confira: Web Developer

4- CSS Peeper

Outra extensão fantástica é o CSS Peeper. O design simples dele já impressiona quando você abre a extensão, informando para você o tamanho do arquivo CSS e o tempo de carregamento.

Confira: CSS Peeper

5- Fake Filler

O Fake Filler é um preenchedor de formulários, ele preenche todos os campos de entrada de uma página com dados falsos gerados aleatoriamente. Essa extensão aumenta a sua produtividade e é essencial para desenvolvedores e testadores que trabalham com formulários, pois elimina a necessidade de inserir valores manualmente nos campos.

Confira: Fake Filler

6- ColorZilla

É uma extensão simples mas essencial para designers e web designers. O recurso principal é o seletor de cores, que pode pegar uma cor em qualquer página ou elemento da Web e dar-lhe o código RGB / Hex / etc. 

Confira: ColorZilla

7- Vimium

É uma extensão para o Google Chrome que permite que você navegue em qualquer página da internet utilizando apenas o teclado.

Confira: Vimium

8- Wappalyzer

Esta ferramenta  mostra qual foi a tecnologia utilizada para criar um site. Ele detecta sistemas de gerenciamento de conteúdo, plataformas de E-comerce, estruturas da web, software de servidor e ferramentas de análise.

Confira: Wappalyzer

9- WhatFont

Permite que você identifique de forma rápida e prática o nome da tipografia, a família, o estilo, grossura da letra, tamanho, altura da linha e a cor, mesmo que esteja sendo servido por Typekit ou Google API.

Confira: WhatFont

10- Clear Cache

É uma extensão simples que permite que você limpe vários grupos de dados do seu navegador de uma forma bem mais personalizada e simples do que o usual.

A limpeza inclui: cache de aplicativos, downloads, sistemas de arquivos, dados de formulários, histórico, armazenamento local, senhas e muito mais. 

Confira: Clear Cache

Extensões Extras

Confira algumas extensões que não listei:

• VUE.JS DEVTOOLS: Depura as aplicações Vue.js.
• REACT DEVELOPER TOOLD: Inspeciona os componentes de páginas criada com React.
• LOCALHOST OPEN GRAPH: Testa o Open Graph em servidores locais com autenticação básica.
• EDITTHSCOOCKIE: Elimina, busca, edita e bloqueia os coockies.

E aí, Gostou? Se você conhece outras extensões que ajuda você na produtividade do dia a dia, não esqueça de compartilhar aqui com a gente!

Até breve!

Tags: chrome | extensão | google chrome | programador | programadores