Web Developer, plugin essencial

Artigo que apresenta os recursos do plugin Web Developer para Firefox, que possui várias ferramentas úteis para o desenvolvimento Web, HTML, CSS e HTTP.

inspetor bugiganga
Introdução

Web Developer é um plugin para o navegador Firefox que oferece vários recursos úteis para programadores Web. Este artigo vai apresentar seus principais recursos.

De fato, ao instalar, a impressão que temos é que instalamos um canivete com mil e uma utilidades e nem sabemos por onde começar a utilizar. Aos poucos, descobrimos as de uso mais comum e nos adaptamos para utilizar o que interessa.

Recursos

Assim que instalado, ele apresenta uma barra de ferramenta com várias opções:

Web Developer Plugin

Cada ícone representa um conjunto de ferramentas relacionadas. Vejamos o que cada uma faz:

desabilitar Desabilitar: Permite habilitar/desabilitar cache, Java, JavaScript, Redirecionamentos com <meta>, tamanho mínimo de fontes, cores personalizadas, popups, proxy e envio de referer (site de origem para chegar a outro site).

Cookies Cookies: permite habilitar/desabilitar cookies; limpar cookies; visualizar informações de cookies (podendo editar ou excluir); e adicionar cookie manualmente.

CSS CSS: permite escolher as folhas de estilos a serem usadas (escolhendo por arquivo ou por mídia); visualizar as folhas de estilos aplicadas; obter os estilos de um elemento clicando sobre ele; editar o CSS e ver o resultado dinamicamente (ótimo para ajustar posições, cores e tamanhos); e utilizar o modo Quirks (border box).

Formulários Formulários: permite visualizar informações de formulários; converter métodos de submissão; habilitar campos desabilitados; limpar botões de seleção; preencher campos automaticamente; e desconsiderar tamanho máximo de campos.

Imagens Imagens: habilitar/desabilitar imagens; visualizar imagens da página; visualizar informações sobre imagens; exibir imagens no tamanho original; e substituir imagens pelo texto alternativo.

Informações Informações: permite visualizar vários elementos do HTML; listar títulos; visualizar cores usadas na página; visualizar estrutura do documento; visualizar tamanho dos arquivos que compõem a página; visualizar propriedades da página; visualizar cabeçalho de resposta HTTP; entre outras.

Outros Outros: permite limpar dados pessoais de cache, histórico ou autenticação HTTP; exibir linhas guia para ajudar com alinhamento de elementos; exibir lente de aumento; exibir comentários HTML; exibir elementos ocultos; editar o conteúdo HTML acompanhando o resultado dinamicamente; entre outros.

Destacar Destacar: permite destacar algumas tags do HTML; destacar elementos obsoletos (depreciados pelo HTML); entre outros.

Redimensionar Redimensionar: permite cadastrar tamanhos (por exemplo: 800x600, 1024x768, etc) e redimensionar a janela automaticamente;

Ferramentas Ferramentas: permite validar CSS, HTML, Acessibilidade; ver controle de erros; entre outros.

Código-fonte Código-fonte: permite ver o código-fonte original, o código-fonte gerado dinamicamente, entre outros.

Opções Opções: permite configurar o plugin.


Particularmente, utilizo muito as ferramentas para limpar cookies, habilitar/desabilitar javascript, editar CSS dinamicamente, editar HTML dinamicamente, visualizar cabeçalho de resposta HTTP, visualizar informações de cores usadas na página e redimensionar página.

1 comentário

Anônimo disse...

o problema que existe no pc é: em ferramentas limpar dados pessoais fica coberta a frase quase branca,eu preciso saber como fazer voltar ao normal,e seu artigo é muito bom pra quem tem outros problemas, obrigado