As 15 melhores extensões do Chrome para programadores e desenvolvedores

Se você é um programador que não usa o Chrome, você está em minoria. Existem muitos motivos para preferir esse navegador para fins de programação, como a enorme influência do Google na direção da web, os recursos integrados que tornam o desenvolvimento menos frustrante e o grande número de extensões disponíveis.

Esse último ponto é crucial. No momento em que este livro foi escrito, o Chrome detém mais de 60% de participação no mercado de desktops. Não é de admirar que a maioria dos criadores de extensões concentre seus esforços primeiro no Chrome. Dito isso, aqui estão as melhores extensões do Chrome que você deve usar se for um desenvolvedor de qualquer tipo, mas especialmente um desenvolvedor da web.

Extensões Gerais de Desenvolvimento

1. Parceiro de Sessão

O Chrome tem um recurso incrível chamado perfis de usuário personalizados que permite criar conjuntos separados de favoritos, configurações, guias, históricos etc. Você definitivamente deve configurar um especificamente para programação, caso ainda não o tenha feito.

Mas o Session Buddy vai um passo além, permitindo que você salve “sessões de guias” específicas e alterne entre elas à vontade, o que é útil quando você está trabalhando em vários projetos.

Baixar: Session Buddy

2. iMacros para Chrome

iMacros é uma extensão que permite automatizar tarefas repetitivas. Você pode “gravar” certas ações (por exemplo, cliques do mouse e pressionamentos de tecla), salvá-los como macros e executá-los sempre que quiser com um único clique. Ele economiza muito tempo ao preencher formulários, testar alterações etc. Para macros fora do Chrome, recomendamos scripts AutoHotkey.

Baixar: iMacros para Chrome

3. Temporizador da Web

O Web Timer rastreia quanto tempo você gasta (ou desperdiça) em vários sites, o que pode ajudar a reduzir as tendências à procrastinação. Ele rastreia apenas quando o Chrome está em foco e é inteligente o suficiente para interromper o rastreamento quando você estiver ocioso. Se você deseja apenas cronometrar sua atividade on-line geral sem entrar em muitos detalhes, experimente um desses cronômetros on-line gratuitos.

Baixar: Temporizador da Web

4. Captura de tela incrível

Awesome Screenshot é uma extensão completa para capturar capturas de tela, gravar vídeos na tela, anotar e desfocar imagens capturadas e compartilhar suas capturas de tela com outras pessoas com um clique. Um recurso bacana é a capacidade de capturar uma página da Web inteira e juntá-la como uma imagem gigante. Para obter uma solução que também funcione fora do Chrome, confira estas melhores ferramentas para criar capturas de tela.

Baixar: captura de tela incrível

5. Usuáriosnap

Usersnap é uma extensão útil para capturar e anotar páginas da web, protótipos e aplicativos diretamente do Chrome. Ele pode ajudá-lo a dar feedback e relatar bugs de forma eficiente. Essa ferramenta pode ser vital para melhorar seu produto final por meio de um fluxo de trabalho de feedback suave.

Baixar: Usersnap

Extensões de Desenvolvimento Web

6. Desenvolvedor Web

Se há uma extensão que você instala para ajudar no desenvolvimento da web, que seja esta. O Web Developer vem com vários recursos convenientes, incluindo alternância de JavaScript e plug-ins com um clique, redimensionamento de janela para testar designs responsivos, teste e depuração de imagens e muito mais.

Baixar: Desenvolvedor Web

7. Alternador de agente de usuário

Das muitas extensões de “alternador de agente do usuário” na Chrome Web Store, esta está entre as melhores. É atualizado regularmente e não sequestra links. Além disso, ele vem com várias strings de agente de usuário padrão, mas também permite que você crie strings de agente de usuário personalizadas. Resumindo, é uma extensão que funciona de forma confiável.

Baixar: Comutador de agente de usuário

8. Wappalyzer

Se você quiser saber que tipos de tecnologias da web estão alimentando um determinado site, o Wappalyzer o informará com um único clique. É inteligente o suficiente para detectar CMSes (por exemplo, WordPress), estruturas da web (por exemplo, React), ferramentas e utilitários (por exemplo, Google Analytics), plataformas de comércio eletrônico (por exemplo, Shopify) e muito mais.

Baixar: Wappalyzer

9. Guia IE

A Microsoft descontinuou o Internet Explorer. No entanto, se o seu projeto exigir o teste de um site no Internet Explorer por algum motivo, você precisará do IE Tab, que emula o IE em uma nova guia e permite testar sites em várias versões, além de controles ActiveX. Realmente útil se você precisa que seu site seja compatível com todos os navegadores, independentemente da idade.

Baixar: guia IE

10. Clique e limpe

Ao desenvolver um site, algumas coisas são mais irritantes do que limpar constantemente os dados de navegação para garantir que você esteja carregando novas alterações. Click&Clean não só o torna mais rápido, mas também fornece mais controle sobre o que você pode limpar (por exemplo, excluir bancos de dados e dados de plugins, manter cookies para determinados sites, etc.).

Baixar: Clique e limpe

11. Localizador de fontes

O Font Finder é uma das maneiras mais fáceis e eficazes de identificar fontes na web. Uma coisa é clicar com o botão direito do mouse em um elemento, selecionar Inspecionar elemento e examinar a folha de estilo para descobrir o que é.

Com o Font Finder, você só precisa clicar com o botão direito do mouse e selecionar Font Finder. A partir daí, você pode obter uma lista de todas as fontes usadas na página da Web ou apenas as fontes usadas em um quadro específico. Você pode até abrir uma versão interativa do Font Finder em qualquer página da web clicando em sua extensão.

Baixar: Localizador de fontes

12. Conta-gotas ColorPick

ColorPick Eyedropper é uma ferramenta que permite ampliar e obter o código de cor exato de qualquer pixel em qualquer página da web. O código de cores está disponível em hexadecimal, RGB e HSL. É extremamente conveniente e muito mais rápido do que inspecionar elementos para ver quais cores estão sendo usadas na folha de estilo ou baixar imagens e escolher cores em um editor de imagens.

Baixar: Conta- gotas ColorPick

13. Gerador Lorem Ipsum

Ao desenvolver um site, você eventualmente precisará de algum texto fictício. Os geradores de Lorem ipsum são abundantes na web, mas o Lorem Ipsum Generator está sempre disponível imediatamente na sua guia atual. É rápido e você pode personalizar quantos parágrafos deseja e quantas frases por parágrafo.

Baixar: Lorem Ipsum Generator

14. Verifique meus links

No final de um projeto de desenvolvimento da Web, você desejará fazer uma revisão final em todas as páginas principais para garantir que todos os seus links estejam funcionando. Check My Links torna esse processo o mais fácil possível. Basta clicar no botão e ele verificará todos os links na página atual e, em seguida, destacará cada um de acordo com o que está quebrado ou funcionando.

Baixar: Confira Meus Links

15. Dimensões

O Dimensions é mais uma ferramenta para web design do que para desenvolvimento web, mas como os dois tendem a se sobrepor, você provavelmente desejará usar essa extensão. Resumindo, ele mede instantaneamente a distância entre quaisquer dois elementos da web, incluindo texto, imagens, vídeos e campos de formulário. Ele também pode medir a distância do cursor do mouse para qualquer um dos elementos da web suportados.

Baixar: Dimensões

Melhore seu fluxo de trabalho de programação com essas extensões

Você encontrará muitas extensões relacionadas à programação na Chrome Web Store, além das acima.

Você pode ter desenvolvido uma solução alternativa para o que algumas dessas extensões fazem, mas recomendamos experimentá-las, pois elas podem melhorar sua eficiência geral.