Por: Thiago Melo

Começo hoje uma série de artigos sobre “Extensões para Firefox”. Com certeza muitas das extensões que publicarei aqui você já conhece ou mesmo já usa há anos, porém quero me aprofundar em cada extensão e tentar ensinar coisas que você mesmo não sabia.

Começo hoje com uma das extensões mais utilizadas por desenvolvedores web, a Web Developer.

Web developer

Essa extensão insere uma barra com ferramentas muito úteis para o desenvolvimento de projetos na web. A barra fica localizada abaixo da barra de favoritos do Firefox.

Funções:

• Disable: Serve para desabilitar diversos componentes ou partes do navegador como cache, javascript, tamanho mínimo de fontes, cores da página, bloqueador de popup, proxy e etc.
• Cookies: Permite desabilitar, adicionar e limpar as cookies das páginas carregadas no navegador. Cuidado ao bloquear todas as cookies, pois você não conseguirá navegar em algumas páginas como as bancárias, por exemplo.
• CSS: Permite visualizar e desabilitar os códigos CSS da página, estilos inline, de impressão e outros. O interessante nesta função é poder escolher a folha de estilos que você quer visualizar, desabilitar ou editar. É possível também desabilitar os estilos padrões do browser.
• Forms: Permite obter informações de todos os campos de um formulário, mudar um campo select por um campo de texto, preencher com textos de marcação todos os campos do formulário ou tirar os “maxlength” dos campos além de diversas outras funções.
• Information: Fornece informações de vários elementos da página como âncoras, profundidade das tabelas, títulos, javascripts que estão sendo executados, meta tags, cabeçalho, detalhes dos links e diversos outros elementos das páginas.
• Miscellaneous: Permite a visualização de linhas guia, efeito de lupa, régua , visualização dos comentários inseridos no código da página, visualização de elementos escondidos, marcação dos links visitados e visualização da página em resoluções para celulares, palms e etc. A função permite também editar o código HTML para visualizar as alterações sem a necessidade de publicar em um servidor.
• Outline: Destaca elementos da página como frames, títulos, links (com opção para destacar somente links externos), tabelas, células, elementos obsoletos, nível dos elementos, etc. Você pode também selecionar os elementos que você quer destacar com a ferramenta “Outline Current Element”.
• Resize: Esta função fornece a informação do tamanho da página em pixels e serve também para redimensionar a janela do navegador para 800×600 ou para uma resolução qualquer, definida por você. Além disso é possível aplicar zoom na página.
• Tools: Validações de CSS, feeds, html, links, section 508 e WAI. A extensão possui um teste de velocidade de download dos elementos da página, console Java, DOM inspector, console de erros e um botão muito interessante que submete a página nos testes de validação de HTML, CSS e Acessibilidade, juntas na barra do navegador.
• View Source: Visualiza o código-fonte da página e dos frames.
• Options: Opções para configurar o comportamento do navegador e desta extensão para desenvolvedores.

Para baixar esta extensão, clique aqui.

Procure por: Guitarra Guitar Hero, Guitar Hero 3, Guitar Hero 2, Guitar Hero PS2, Guitar Hero Nintendi Wii

Tags:

• Extensões
• Firefox
• Profissão Web
• Web developer

Artigos relacionados:

• Extensões para Firefox
• Extensões para o Firefox - Screengrab
• Extensões para Firefox - ColorZilla
• Extensões para Firefox - Firebug
• Mozilla Firefox com Google Toolbar
• Extensões para Firefox - FireFTP
• Extensões para Firefox - MeasureIt
• Opera lança Opera 9.5
• Google vai lançar concorrente do Internet Explorer
• Firefox 3: conheça as principais novidades do novo navegador da Mozilla