Blog

9 extensões para desenvolvedores que você deveria experimentar

A imagem mostra um computador que simboliza a importância de ter extensões chrome para desenvolvedores eficientes para o seu trabalho.
Desenvolvimento / Desenvolvimento de Software / Dicas / Programação

9 extensões para desenvolvedores que você deveria experimentar

Como desenvolvedores, estamos sempre em busca de melhores ferramentas para tornar nosso trabalho mais produtivo. As extensões chrome para desenvolvedores facilitam muito o trabalho diário de qualquer profissional da tecnologia.

Neste artigo, vamos mostrar algumas ferramentas que são muito úteis no trabalho diário de devs (principalmente para os que atuam no front-end).

Por isso, listei algumas das extensões chrome para desenvolvedores que eu utilizo e recomendo!

1. ColorZilla

Sabe aquela cor muito legal que você viu em um site mas não tem ideia do hexadecimal ou o rgb dela? Pois é! Com essa extensão chrome para desenvolvedores isso é possível! No ColorZilla, com um simples hover no elemento que você deseja conhecer a cor, a extensão mostra o hexadecimal e o rgb e voilá!

A imagem mostra a ferramenta Colorzilla, uma das principais extensões chrome para desenvolvedores.

Então, curtiu a extensão? Para baixar é só clicar neste link.

2. CSS Viewer

Com o nome bem sugestivo, o CSS Viewer cumpre o que promete! Basta ativar a extensão do chrome para desenvolvedores e ver um css organizado e bem claro do elemento selecionado.

A imagem mostra a ferramenta CSS Viewer, uma das principais extensões chrome para desenvolvedores.

Dito isso, se você quiser baixar a extensão, vou deixar o link aqui.

3. JSON Viewer

Esta extensão chrome é um must have para qualquer desenvolvedor que utilize um JSON para integração. Você precisa ter! Porém, algumas vezes o JSON entregue é muito complexo e extenso, por isso, um formatador vai muito bem! Nessa extensão, você pode até adicionar temas de cores (para os adeptos).

A imagem mostra a ferramenta JSON Viewer, uma das principais extensões chrome para desenvolvedores.

Dessa forma, para baixar a extensão é só clicar aqui.

4. Lighthouse

O Lighthouse é uma das ferramentas mais incríveis se tratando de auditoria de sites. Com essa extensão chrome, é possível verificar a performance do site, acessibilidade, boas práticas, SEO e até o PWA! Tudo isso de forma simples.

A imagem mostra a ferramenta Lighthouse, uma das principais extensões chrome para desenvolvedores.

Ou seja, tudo de bom! Se você quiser baixar, o link está aqui.

5. Octotree

Navegar pelas pastas de repositórios no Github não é uma tarefa agradável! Isso porque é necessário um loading para cada clique e você ainda tem de adivinhar onde cada arquivo se encontra. Com a extensão Octotree, o processo fica extremamente mais agradável! Muito parecido com a navegação entre pastas em uma IDE ou um editor de textos!

A imagem mostra a ferramenta Octotree, uma das principais extensões chrome para desenvolvedores.

Massa né? Para baixar essa extensão chrome é só clicar aqui.

6. React Developer Tools

Essa extensão é uma ferramenta poderosa quanto ao debug de apps que utilizam ReactJS. Com React Developer Tools, é possível verificar desde componentes, suas props, seus hooks e até seus componentes children. Por isso, essa extensão é extremamente útil quando a aplicação toma proporções maiores.

A imagem mostra a ferramenta React Developer Tools, uma das principais extensões chrome para desenvolvedores.

O que achou dessa extensão? Se você curtiu, baixe através deste link.

7. Redux DevTools

Que atire a primeira pedra quem nunca ficou perdido nas actions e reducers! Utilizar a extensão Redux DevTools ajuda muito a se reencontrar! A extensão tem uma interface muito amigável, além de bem intuitiva. Assim, podemos ver as ações que foram disparadas e também podemos ver as mudanças nos nossos estados do redux.

A imagem mostra a ferramenta Redux, uma das principais extensões chrome para desenvolvedores.

Portanto, se você quiser baixar a extensão, é só clicar aqui.

8. What Font

Mais uma extensão chrome para desenvolvedores com nome bem sugestivo!

Curioso para saber aquela fonte linda nos sites por aí? E ainda levar junto toda a informação extra do CSS Viewer? É para isso que serve o What Font! Ele facilita o encontro de fontes em qualquer site que você quiser.

A imagem mostra a ferramenta Whatfont, uma das principais extensões chrome para desenvolvedores.

Então, para baixar a extensão chrome é só clicar neste link.

9. Window Resizer

Hoje em dia, a responsividade do site é algo primordial para qualquer empresa! Com certeza você quer que seu site ou app fique bonito e funcional em vários tamanhos de tela, não é mesmo? A extensão chrome Window Resizer ajuda justamente nesse ponto. Portanto, em um clique é possível modificar a resolução da sua tela facilmente.

A imagem mostra a ferramenta Window, uma das principais extensões chrome para desenvolvedores.

Dessa forma, vou deixar o link aqui para você baixar a extensão chrome, se quiser.

Veja também:

Extensões para VS Code que você precisa conhecer.

Como Criar API da maneira correta.

Extensões chrome para desenvolvedores podem facilitar o seu trabalho

Existe uma série de extensões chrome para desenvolvedores que facilita muito o dia a dia de nós profissionais. Seja front-end ou back-end, minha dica é que você experimente todas as opções. Com ferramentas simples, é possível agregar muito a sua produtividade diária. Basta experimentar!

Depois que você testar, me conta aqui quais foram as extensões chrome para desenvolvedores que você mais gostou!

Leave your thought here

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the comparison bar
Compare