7 Extensões do Chrome que melhoram minha produtividade

Um dos tópicos que mais comentamos quando falamos em desenvolvedores de alta perfomance ou alto nível é a tal da produtividade. Existem N formas de nos tornarmos mais produtivos, desde o estabelecimento de rotinas até a otimização do nosso tempo enquanto fazemos tarefas do dia a dia.

Neste ponto, acredito que a utilização de ferramentas que economizam nosso tempo é um dos principais recursos que pode nos ajudar a melhorar nossa produtividade.

Dito isto, resolvi fazer esse post com as 7 extensões do Chrome que utilizo durante o meu trabalho como Dev.

1 - Wappalyzer

wappalyzer-img

Você já deve ter acessado um site, e-commerce, dashboard e ficou curioso sobre qual stack estava rodando por trás. Gosto de fazer meus benchmarks de forma autonoma e testar essas novas tecnologias em meus projetos. Pra isso, uso bastante o Wappalyzer. Além da stack de tecnologia, ele mostra até os meios de pagamentos utilizados pelo site (caso tenha). Enfim, bem completo e legal para aumentar nosso leque de opções na hora de começar um novo projeto. Inclusive, foi com ele que vi toda a stack que o TabNews usa HAHAHA

2 - Json Viewer

json-viwer Se você é dev back ou front end, já deve ter feito uma requisição GET em uma API usando o Chrome e receber aquele JSON cru, difícil de ler. Apesar de utilizar ferramentas como PostMan ou Insomnia, gosto bastante do Json viewer para debugar alguns Jsons de forma rápida, sem precisar procurar por um JSON beautify online :D

3 - NOVA (new tab with theme)

nova-img Utilizei por muito tempo o Momentum, pois adorava os mantras diários que ele me dava. Porém, recentemente comecei a utilizar o NOVA. O fato dele ser custimizável, podendo inserir informações que pra mim são úteis como: ToDo List, Clima, calendário e ainda manter as frases inspiração, me ganhou e desde então tenho usado ele.

4 - GoFullPage

gofullpage-img Na minha época de dev full stack, sempre precisava fazer uns prints do site one page para comparar com o PSD (sou péssimo no front XD) e desde então utilizo o GoFullPage. Basicamente, ele tira um print screen de toda a tela, dando scroll de forma automática. Hoje utilizo quando preciso printar alguma tela de log do New Relic ou coisas parecidas.

5 - Bitwarden

bitwarden-img Apesar dessa extensão ser mais um atalho para uma ferramenta, essa é a que mais tenho usado por motivos óbvios. O Bitwarden é um gerenciador de senhas open source, mantido pela comunidade e, até em tão, muito seguro. Costumo, não somente armazenar todas minhas senhas utilizando ele, mas também gosto muito do recurso de TOTP. Ou seja, ao acessar algum serviço além da senha, consigo recuperar o código 2FA dentro do plugin, sem precisar pegar meu celular ou abrir algum client.

6 - Monaco Markdown Editor For GitHub

monaco-img Infelizmente o Github não é que nem o TabNews que aplica os highlights no markdown de forma automática. Confesso que geralmente escrevo meus markdowns utilizando algum editor de código, mas com essa extensão o processo de escrever via GitHub (se for algo rápido) se tornou mais simples e intuitivo.

7 - I don't care about cookies

i-don-care-img Que a internet não está tão "massa" como antigamente, temos que concordar. E piorou com o tal do pop-up do Cookie que chegou até nos sites de ferramentas, documentação técnica, blogs e afins. Para não me preocupar com isso, deixo o I don't care about cookies ativo. Assim, ele esconde tudo que tiver pela frente e eu sigo minha vida.

Conclusão

O que achou? Já conhecia alguma dessas extensões? Tem alguma que você utiliza e é imprescindível para sua produtividade no dia a dia? Compartilhe com a comunidade nos comentários :thumb-up:

Post útil, principalmente pelo última extensão. Além disso, ai vai mais uma recomendação, senhores.

Unhook Conheci essa extensão recentemente e tem me ajudado muito a não me distrair no youtube, ela remove todas as recomendações da plataforma, assim tenho que pesquisar o que eu quero assistir sem cair em um shorts ou vídeo aleatório.

Nada mais, nada menos que a MELHOR EXTENSÃO DO CHROME!!!

Sabe dizer o que é a API KEY dentro do Wappalyzer?

legal, gostei do Monaco Markdown e a extensão sobre os cookies

Cara valeu demais o post gostei muito.

Uso alguns desses e acho obrigatório pra aumentar a produtividade no dia a dia o uso desses aqui, já citados:

  • Wappalyzer,
  • JSON Viewer

Bom post, instalei aqui o de "cookies", "Wappalyzer" e o "gofullpage", são ótimos! Sou front e sempre preciso tirar um print de algum site, e o "wappalyer" achei bacana, já que tem varios sites que sempre quis saber como foram feitos, mas estão com dados minificados e chunk'ados.

Cara vou testar todas essas extensões,achei muito massa vou adaptar algumas pro meu dia dia.👍🤣 vai ajudar muito nao conhecia nenhuma extensões que foram sitadas

Instalei o Wappalyzer aqui, valeu.

Achei o "I don't care about cookies' um pouco polêmico em época de LGPD! hhaha Mas de qualquer forma é útil.

Obrigado e abraço!


EDIT:

Testei o Wappalyzer e percebi que ele informou que usa RUST em um site que eu sei que não tem. Já teve problema com a assertividade dele? Valeu!

Obrigado pelo comentário, Carlos! Para ser sincero, das vezes que utilizei o Wappalyzer em minhas próprias aplicações ele foi bem preciso. Pode haver sim alguma incoerência em certos momentos, mas no geral ele funciona bem comigo. Abçs

Complementando o post, uso uma extenção muito massa chamada Grepper. Ela mostra snipets de código na página de pesquisa. Tem uma vasta comunidade e snipet pra quase tudo.

Gostaria de acrescentar o Octotree - GitHub code tree. Uma extensão que ajuda a visualizar os diretórios de um repositório no github, por meio de uma árvore de pastas (faz o github parecer uma IDE). Segue imagem de exemplo: img

Nessa mesma pegada de uppar o Github, gostaria de indicar-lhes o [**github-material-icons-extension**](https://github.com/Claudiohbsantos/github-material-icons-extension). Pra quem usa o [Material Icon Theme do VSCode](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme), é o mesmo, porem para pastas e ícones do github! Tem pra [Chrome](https://chrome.google.com/webstore/detail/material-icons-for-github/bggfcpfjbdkhfhfmkjpbhnkhnpjjeomc) e derivados, e [Firefox](https://addons.mozilla.org/en-US/firefox/addon/material-icons-for-github/). ![Exemplo no Github (Dark Mode)](https://github.com/Claudiohbsantos/github-material-icons-extension/raw/master/assets/example-dark.png)![Exemplo no Github (Light Mode)](https://github.com/Claudiohbsantos/github-material-icons-extension/raw/master/assets/example-light.png)
**Caramba!!! Fantástica Dica** Me incomoda muito a interface do GitHub, ao que a meu ver a do GitLab da de dez a zero, e isso resolve bastante esses problemas.

A última extensão é maravilhosa. Obrigado.

Obrigada pelo post, quando vou salvar uma página web, costumo clicar em imprimir-> salvar como pdf, pra pcs mais fracos que não suportam tantas extensões é uma boa, mas gostei da dica das extensões