Geral

Top 10 Extensões do Firefox para Desenvolvedores WEB

Uma extensão para o Firefox pode facilitar sua vida de desenvolvedor Web, tornando seu Firefox mais poderoso e um aliado na hora do desenvolvimento. Aqui apresento não só uma, mas dez extensões que vão facilitar sua vida e lhe ajudar no seu dia-a-dia!

Este post é uma tradução livre de “10 must have Firefox extensions for Web developers” e apresenta 10 extensões do Firefox mais úteis para desenvolvedores Web.

1. Web Developer

Essa extensão permite desabilitar, visualizar e editar cookies, CSS, HTML, formulários e imagens, validação de páginas e muito mais. Ao instalá-la, é incluído um menu novo no seu Firefox com uma grande quantidade de ferramentas para desenvolvedores.

2. Firebug

Junto com o Web Developer, essa é uma extensão indispensável para qualquer desenvolvedor Web. O Firebug adiciona ao seu Firefox um poderoso debugger, permitindo identificar erros que estejam acontecendo na sua página e que podem prejudicar o funcionamento da mesma. Monitora o funcionamento e debuga CSS, HTML e Javascript.

Assista: Introdução ao Firebug.

3. ColorZilla

Com o ColorZilla você pode “pegar” uma cor que esteja em qualquer parte da página que esteja aberta no seu Firefox. A cor “pega” pode ser copiada na extensão em vários formatos, entre eles CSS, Hex, RGB. O ColorZilla possuí ainda uma paleta para seleção de cores e um gerador de gradiente em CSS.

4. MeasureIt

Cria uma régua na tela do seu Firefox, permitindo que você meça a altura e a largura dos elementos da sua página ou simplesmente cheque o alinhamento deles.

5. View Source Chart

Com essa extensão você consegue visualizar de um jeito organizado o código da sua página, que é dividido em camadas pela extensão (HTML, HEAD, BODY, elementos da página) e que permite ainda ocultar ou exibir uma parte específica do código da sua página.

Após instalar o View Source Chart, basta clicar com o botão direito na página e selecionar a opção “View Source Chart”.

6. HTTP Fox

O HTTP Fox monitora e analisa todo o tráfego HTTP entre o servidor Web e o browser do cliente, mostrando, por exemplo: Requisições e resposta de headers; Cookies enviados e recebidos; Parâmetros de query string; Parâmetros de POST; e muito mais.

7. FireFTP

Essa extensão transforma o seu Firefox em um ponto de acesso a servidores FTP/SFTP. O FireFTP é gratuito, seguro e possuí os recursos básicos de qualquer cliente FTP.

8. Server Switcher

O Server Switcher permite a troca de URLs na barra de endereço do seu Firefox com mais rapidez, possibilitando o acesso rápido entre um servidor de desenvolvimento e um servidor online. Com um clique no ícone do programa (que passa a ocupar um espaço ao lado direito da barra de endereços do seu Firefox) você troca rapidamente entre o acesso local e online da sua página.

Obs.: O ícone só aparecerá quando a extensão detectar que a página aberta for um dos ambientes de trabalho previamente configurados.

9. Locationbar2

Essa extensão “dá” uma ênfase (em negrito) no nome do site na barra de endereços (por exemplo: www.devstaff.com.br, “devstaff” aparecerá destacado em negrito). Ela ainda “divide” os diretórios do site na barra de endereço e cria links facilitando o acesso aos mesmos (por exemplo: www.devstaff.com.br/desenvolvimento/php, ao levar o mouse sob a barra de endereços você terá links nas palavras “desenvolvimento” e “php”). Possibilita ainda a ocultação do HTTP://, FTP:// e FILE:// na barra de endereço, dentre outras opções.

Mais informações no site do fabricante:

http://en.design-noir.de/mozilla/locationbar2

10. HTML Validator

Realiza a validação do HTML da sua página dentro do seu Firefox, levando em consideração os mesmos parâmetros de validações do W3C. Exibe a quantidade de erros encontrados na página e o tipo de erro que se trata, indicando as linhas do código aonde ocorrem os erros. Essa extensão é ideal para deixar sua página dentro dos padrões Web do W3C.

Mais extensões do Firefox que podem lhe ser úteis

Confira outras extensões do Firefox para desenvolvedores Web no diretório de extensões do Firefox:

https://addons.mozilla.org/pt-br/firefox/extensions/web-development

Leave a Reply

Your email address will not be published. Required fields are marked *

Enter Captcha Here : *

Reload Image