Top 10 Extensões do Chrome para Programadores

E mais uma extensão bônus!


Top 10 Extensões do Chrome para Programadores


01. Wappalyzer

Wappalyzer

Os sites que você acessa são criados com diversas tecnologias, frameworks, linguagens de programação,… O Wappalyzer lista com uma boa porcentagem de precisão quais ferramentas aquela página está usando. Muitas vezes informa até o sistema operacional utilizado e bem como o servidor web.

Nós já falamos sobre essa extensão nesse artigo.

Vale à pena instalar para descobrir mais recursos e consequentemente ficar mais interado com as novidades e obter uma maior gama de conhecimento a respeito das ferramentas!

Clique aqui para instalar essa extensão


02. Vimium

Vimium

O Vimium é uma extensão que torna possível você utilizar comandos do Vim diretamente no seu Chrome! Além de oferecer um alternador de abas de maneira simples.

Nós até já fizemos um vídeo sobre essa extensão, caso queira assistir clique no link: https://www.youtube.com/watch?v=yBe-KotZIac

Clique aqui para instalar essa extensão


03. JSON Formatter

JSON Formatter

Quando acessamos uma página que exibe um JSON, geralmente ela fica sem Syntax Highlight e sem formatação, para resolver esse impasse instale o JSON Formatter e passe a visualizar os JSONs na web de maneira mais fácil de identificar no elementos.

Nesse exato momento desse vídeo é possível ver a instalção e notar a diferença de exibição após uso do JSON Formatter!

Clique aqui para instalar essa extensão


04. C/C++ Search Extension

C/C++ Search Extension

A STD da Linguagem C e a STL do C++ são totalmente completas e possuem muitos cabeçalhos.

Para pesquisar mais fácil os detalhes de cada biblioteca e encontrar rapidamente detalhes de uso somente digitando cc na barra de endereços do Chrome e em seguinda pressionando a teclas de ESPAÇO e digitar o nome da biblioteca para encontrar de forma direta.

E isso você pode fazer instalando e utilizando a extensão: C/C++ Search Extension.

Clique aqui para instalar essa extensão


05. Quick Translate

Quick Translate

Para obter traduções rápida de trechos pós selecionados em uma página da Web, basta instalar a Quick Translate, selecionar o texto e em seguinda pressionar a tecla Shift e uma mini janela será aberta rapidamente mostrando a traduçção no seu idioma.

Clique aqui para instalar essa extensão


06. Markdown Viewer

Markdown Viewer

Quando você abre arquivos Markdown, ou acessa um arquivo dessa extensão na web no Google Chrome, ele não renderiza o conteúdo e não exibe como uma página HTML.

Para que isso seja possível, instale o Markdown Viewer.

Lembre-se de após instalar ir nas configurações da extensão e habilitar a leitura de arquivos locais: file:/// para que a extensão funcione perfeitamente!

Clique aqui para instalar essa extensão


07. ColorZilla

ColorZilla

Às vezes você vê uma cor em uma página da web e gostaria de saber o código Heaxadecimal ou o RGB daquela cor para reutiilizar em outras situações de desenvolvimento.

Para isso você pode instalar e usar a: ColorZilla, antigamente essa extensão chamava-se: Color Picker.

Clique aqui para instalar essa extensão


08. User-Agent Switcher

User-Agent Switcher

Testar seu site ou criar alguma forma de burlar a identificação da página a respeito de qual navegador, sistema operacional, resolução de tela e entre outros, pode ser solucionada alterando pelo próprio navegador o User Agent. E isso você pode adquirir instalando o: User-Agent Switcher.

Altere para: Safari, iOS, Android, GNU/Linux, Windows, macOS,… inclusive versões e entre outros a identificação e a renderização!

Clique aqui para instalar essa extensão


09. WhatFont

WhatFont

Do mesmo jeito que é bom descobrir as cores de uma página, é interessante também às vezes saber qual a fonte utilizada por aquele site.

E isso você pode obter facilmente instalando e utilizando a extensão: WhatFont!

Clique aqui para instalar essa extensão


10. Syntaxtic!

Syntaxtic!

Quando você abre o raw do GitHub, por exemplo, o código da linguagem de programação fica em preto e branco, já pensou ver aquela página com Syntax Highlight?

Isso mesmo, o Syntaxtic! colore as declarações das linguagens de programação e outros formatos de código. Atualmente é possível o código com SyntaxHighlighter em linguagens e formatos tais como:

Clique aqui para instalar essa extensão


BÔNUS!

11. File Icons for GitHub and GitLab

File Icons for GitHub and GitLab

Que tal ver os arquivos do GitHub e GitLab mais bonitinhos com ícones? Então, para que você possa visualizar conforme imagem acima, basta instalar o File Icons for GitHub and GitLab:

Clique aqui para instalar essa extensão


Você pode ativar e desativar suas extensões rapidamente pelo endereço: chrome://extensions/ do Chrome.

Para mais informações sobre extensões visite a página de extensões do Google Chrome.


chrome web


Compartilhe


Nosso canal no Youtube

Inscreva-se


Marcos Oliveira

Marcos Oliveira

Desenvolvedor de software
https://github.com/terroo


Crie Aplicativos Gráficos para Linux e Windows com C++

Aprenda C++ Moderno e crie Games, Programas CLI, GUI e TUI de forma fácil.

Saiba Mais

Receba as novidades no seu e-mail!

Após cadastro e confirmação do e-mail, enviaremos semanalmente resumos e também sempre que houver novidades por aqui para que você mantenha-se atualizado!