Todo webdesigner e webdeveloper deveria ter esta extensão instalada no Firefox chamada Web Developer Extension. Ele é composto de dezenas de ferramentas que podem interferir no site que está sendo visualizado desligando suporte a determinadas tecnologias, exibindo informações sobre cada elemento da página, aplicando ferramentas de grande utilidade para o desenvolvedor.

Com ele você pode:

• Obter informações sobre as imagens do site como dimensão, tamanho do arquivo, pasta.
• Pode desligar a exibição de imagens, javascript, java, acesso ao cache, cores.
• Pode desligar, apagar, editar, adicionar cookies.
• Pode ver, editar em tempo real, apagar as informações do CSS do site, visualizar o CSS de cada elemento do site passando o mouse sobre ele.
• Exibe informações sobre formulários, liga e desliga determinadas opções do form.
• Liga a função de Guides, Lupa, Editor de Html em tempo real (você edita e vê o resultado na hora), faz medições de pixels com o movimento do mouse, etc.
• Possui diversas ferramentas de Resize onde você pode visualizar o site como se estivesse usando outras resoluções de monitor.
• Oferece acesso rápido para ferramentas de validação de HTML, CSS e velocidade de acesso e acessibilidade.

São dezenas e dezenas de ferramentas e opções úteis em uma barra que será adicionada em seu Firefox. Se você é desenvolvedor de sites ou de softwares para a web não saberá mais viver sem ele.

Para instalar entre no site Web Developer Extension usando o navegador Firefox e clique na opção: Firefox/Flock Download