Talvez você ainda não conheça, mas, o navegador Google Chrome oferece a possibilidade de instalar extensões que poderá auxiliar você no desenvolvimento de um site ou sistema.
Foco aqui é mostrar para você opções de extensões que você poderá usar para auxiliar no desenvolvimento Front-End de uma aplicação.
1 – Clear Cache
Para os desenvolvedores web, escutar que terá que ficar limpando o cache constantemente não parece algo muito agradável de se ouvir, pois, é um trabalho adicional, para auxiliar com este pequeno problema e evitar gastar tempo desnecessariamente.
Você poderá usar a extensão Clear Cache, esta extensão é ótima para limpar o cache e é considerada uma das melhores, você só precisa de um único clique para limpar o cache.
2 – ColorZilla
ColorZilla é usado para conseguir obter as cores que estão em qualquer ponto do navegador, também têm a possibilidade de alterar uma cor de forma fácil de um site que está ativo para avaliar a sua aparência.
3 – WhatFont
Se você precisa identificar quais são as fontes que os sites estão usados, você poderá usar o WhatFont, através desta extensão você vai conseguir descobrir de forma fácil e rápida as fontes dos sites.
Você vai conseguir descobrir as fontes apenas passando o mouse por cima do conteúdo que você quer descobrir a fonte.
4 -Web Developer
A extensão Web Developer oferece um conjunto de ferramentas para o desenvolvedor web, as ferramentas vão ter a possibilidade de redimensionar ou desabilitar imagens, scripts e arquivos de estilização, como também fazer a validação de arquivos CSS e HTML
5 – Window Resizer
A extensão Window Resize redimensionar a janela do navegador em várias resoluções, isto ajuda os desenvolvedores web e designers a testar os layouts em diferentes resoluções.
Você vai poder definir a altura e largura da janela, e também a posição da janela, com esta extensão também há a possibilidade de personalizar atalhos de teclado.
6 – CSSViewer
A extensão CSSViewer é um visualizador de propriedades CSS simples, ele tem um painel flutuante que mostrar a identidade da seção sobre a qual o mouse está passando.
Também mostrar os seus atributos como fonte, texto, cor, posicionamento e efeitos, com o CSSViewer você vai conseguir acessar as informações básicas de que você pode precisa.
7 – Lorem Ipsum Generator
A extensão Lorem Ipsum Generator oferece uma maneira rápida e fácil de criar texto padrão, se você precisa de um texto padrão para fazer teste do layout que você estar desenvolvendo, esta extensão pode ser a solução ideal para você.
8 – Wappalyzer
A extensão Wappalyzer é usado para identificar tecnologias web, esta extensão é um utilitário de plataforma cruzada que descobre as tecnologias que estão sendo usadas em sites.
O Wappalyzer detecta sistemas de gerenciamento de conteúdo, plataformas de comércio eletrônico, estruturas da web e outros.
9 – JSONView
Para os programadores que trabalhar com APIs RESTfull, tentar ler os dados JSON em um navegador pode ser um pouco estranho, você vai conseguir ler o JSON mais facilmente em formato de árvore ao invés do seu estado bruto.
Com a extensão JSONView, você vai conseguir visualizar os documentos JSON em um navegador.
10 – Dimensions
A extensão Dimensions é usada para medir as dimensões da tela, esta extensão medir a distância entre elementos em um site, mas não funciona com imagens.
Conclusão
Se você ainda não conhecia estas extensões, neste post você conheceu 10 extensões que pode te ajudar no momento em que você estive desenvolvendo algo.
E claro que há outras extensões que você poderá precisa usar em algum momento, nas quais não foram colocadas neste artigo.
Me responda nos comentários abaixo, quais são as extensões que você mais usa, e se tem alguma extensão que você usa muito e não mencionamos ela aqui no post.
