As melhores extensões para Google Chrome, semelhantes as do Firefox

As melhores extensões para Firefox e Google Chrome

Que ambos os navegadores suportam a instalação de complementos ou extensões você já deve saber. Extensões para o Firefox são as mais comuns, mas em alguns casos as extensões não são criadas também para o navegador da Google e você nem mesmo saiba que possam existir complementos similares.Veja algumas das principais extensões (ou similares) para os 2 browsers.

Colorzilla:

Com ele você pode saber qualquer cor que esteja na página. Funciona da mesma forma que o botão de captura de cor dos mais conhecidos editores gráficos como o Fireworks, Photoshop, Corel e etc.

Firefox: https://addons.mozil…efox/addon/271/
Chrome: https://chrome.google.com/extensions/detail…dfccka?hl=pt-br

Firebug

Este com certeza todo mundo já deve ter ouvido falar. Serve para você analisar o código dos sites. Excelente para os webdesigners. Possui versão para os 2 navegadores.

Firefox: https://addons.mozil…fox/addon/1843/
Chrome: https://chrome.google.com/extensions/detail…ifench?hl=pt-br

Web Developer:

Extensão útil para desenvolvedores, pois permite testar diversos aspectos no desenvolvimento, tais como validar páginas HTML localmente, desabilitar cookies e CSS, etc.

Firefox: https://addons.mozil…refox/addon/60/
Chrome: https://chrome.google.com/extensions/detail…nldhhm?hl=pt-br

Lorem Ipsum:

Quando se está desenvolvendo um site e precisamos colocar algum conteúdo para testar, não é bem chato colocar um monte de letras aleatórias? Para isso, existe na web um site que cria textos no formato que você quer com um monte de coisa em latim e que não tem sentido algum, o famoso Lorem Ipsum, mas também existem plugins para isso:

Firefox: https://addons.mozil…fox/addon/2064/
Chrome: https://chrome.google.com/extensions/detail…efceam?hl=pt-br

Teste de Resolução:

Você não sabe como sua aplicação vai ficar em uma resolução grande ou bem pequena? Então use esse plugin. Ele simula os tamanhos das telas para você (acho que o webdeveloper faz isso também, mas esse possui mais resoluções e para o chrome você pode criar novas)

Firefox: https://addons.mozil…fox/addon/1985/
Chrome: https://chrome.google.com/extensions/detail…cidbal?hl=pt-br

MeasureIt:

Sabe quando você precisa quer saber o tamanho de um elemento da página e sai procurando pelo CSS usando o Firebug? Com esse plugin seus problemas acabaram! o MeasureIt cria uma régua onde você pode descobrir em pixel o tamanho dos elementos da página.

Firefox: https://addons.mozil…efox/addon/539/
Chrome: https://chrome.google.com/extensions/detail…hjpgma?hl=pt-br

CSS Viewer:

Descreve de forma rápida e fácil o css do elemento que você está selecionando, muito bom para quem quer ser rápido e não sair procurando pelo firebug.

Firefox: https://addons.mozil…fox/addon/2104/
Chrome: https://chrome.google.com/extensions/detail…mofgce?hl=pt-br

Speed Tracer:

Ele é um plugin que rastreia toda a sua página na hora de carregá-la e lhe entrega um relatório detalhado de tudo que você imaginar. Diz o tempo de carregamento do CSS, JS, HTML, imagens e etc.

Firefox: https://addons.mozil…fox/addon/5369/
Chrome: https://chrome.google.com/extensions/detail…obgbdl?hl=pt-br

Leonardo R.

Analista de TI, graduado em Internet e Redes de Computadores, apaixonado por tecnologia, música e viagens. Mountain biker por hobby, e jogador de Xbox One e alguns jogos da Blizzard nas horas vagas. Também curte fotografia, filmes, séries e web em geral.