[vc_row][vc_column][vc_column_text]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.
[adrotate banner=”4″]
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á!
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.
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).
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.
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!
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.
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.
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.
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.
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![/vc_column_text][/vc_column][/vc_row]
[adrotate banner=”5″]
