Web Developer – extensão para o Firefox
November 24, 2008 by Marcio MisumiWeb Developer é uma extensão indispensável para qualquer desenvolvedor web e facilita demais o dia-a-dia destes profissionais. Ao instalar esta extensão, é habilitada uma barra de ferramenta localizada abaixo da barra de navegação. O Web Developer Toolbar contém inúmeros botões com diversas funções. Veremos com mais detalhes cada um:
Disable: Serve para desabilitar diversos componentes ou partes do navegador. Pode-se desabilitar cache, javascript, popups, as cores da página, etc.
Cookies: Permite desabilitar os cookies, encontrar informação completa dos cookies que nos enviam em cada página, etc.
CSS: Podemos realizar diversas ações sobre as folhas de estilo. Permite desabilitá-las da página. Possibilita a visualização das CSS existentes. Tem também uma opção para editar as CSS no próprio Firefox e assim verificar como ficará determinada alteração. Esta alteração voltará ao original assim que a tela de edição for fechada.
Forms: Permite-nos realizar diversas ações sobre formulários, como ressaltar e obter informação de todos seus campos. Permite limpar todos os radio buttons, mudar um campo select por um campo de texto, completar com textos todos os campos do formulário ou tirar os maxlength dos campos.
Images: Permite habilitar e desabilitar imagens. Mostra informações de alt, dimensões, tamanho do arquivo e caminho (path) da imagem. Nos possibilita esconder imagens e backgrounds, nos mostra informações de todas as imagens contidas na página, etc.
Information: Mostra informação de uma série de elementos da página. Permite ver informação sobre abreviações, âncoras, ID’s, classes, o tamanho do documento, a profundidade das tabelas, informações das tabelas, atributo title, informações de todas as cores, o javascript que se está executando, informação dos links, tab index, etc.
Miscellaneous: Permite limpar dados confidenciais (cachê, histórico, autenticação), possibilita habilitar linhas guias, régua e ampliador da página diretamente no navegador. Podemos também editar o código HTML diretamente no browser para visualizar rapidamente como ficará determinada alteração. Esta alteração voltará ao original assim que a tela de edição for fechada.
Outline: Serve para destacar elementos da página, como os links, frames, tabelas, células, divs, etc.
Resize: É uma interessante utilidade para redimensionar a janela do navegador para uma determinada resolução pré-definida pelo usuário.
Tools: Contém ferramentas úteis, como verificador de links, validadores de código, acesso ao console de Java ou Javascript, etc.
View Source: Permite a visualização do código-fonte.
Por último, também dispõe de um botão para acessar a diversas opções para configurar o comportamento do navegador ou desta extensão.
Download: https://addons.mozilla.org/pt-BR/firefox/addon/60
