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:
Cada ícone representa um conjunto de ferramentas relacionadas. Vejamos o que cada uma faz:
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: permite habilitar/desabilitar cookies; limpar cookies; visualizar informações de cookies (podendo editar ou excluir); e adicionar cookie manualmente.
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: 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: 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: 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: 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: permite destacar algumas tags do HTML; destacar elementos obsoletos (depreciados pelo HTML); entre outros.
Redimensionar: permite cadastrar tamanhos (por exemplo: 800x600, 1024x768, etc) e redimensionar a janela automaticamente;
Ferramentas: permite validar CSS, HTML, Acessibilidade; ver controle de erros; entre outros.
Código-fonte: permite ver o código-fonte original, o código-fonte gerado dinamicamente, entre outros.
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
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
Postar um comentário
Nota: fique a vontade para expressar o que achou deste artigo ou do blog.
Dica: para acompanhar as respostas, acesse com uma conta do Google e marque a opção "Notifique-me".
Atenção: o blogger não permite inclusão de tags nos comentários, por isso, use algum site externo para postar seu código com dúvidas e deixe o link aqui. Exemplo: pastebin.com