Tag Archives: Developer

Web – IE Developer ToolBar, o “FireBug” do Internet Explorer

Tá, eu sei, é quase uma heresia o título do post para os amantes do FireFox/Firebug (presente), mas essa é a alternativa, especialmente porque temos que testar nossas aplicações na maior parte dos browsers e no Internet Explorer, esta ferramenta é uma mão na roda.

O IE Developer ToolBar é um plugin para o navegador Internet explorer que fornece ao desenvolvedor Web uma variedade de ferramentas para análise compreensão e resolução de problemas em páginas web. A boa surpresa é que o plugin funciona desde a versão 6 do Internet Explorer, possibilitando efetuar análise no código HTML e CSS e saber com mais facilidade o porque daquela determinada característica não funcionar nesta versão do navegador, um grande tormento para os desenvolvedores Web até hoje.

Entre os recursos do plugin, têm-se:

  • Explora e modifica DOM (Document Object Model – Modelo de Objetos de Documentos).
  • Localiza e seleciona elementos específicos na página da Web através de uma variedade de técnicas.
  • Desabilita seletivamente configurações do Internet Explorer.
  • Visualiza nomes de classes de objetos em HTML, IDs e detalhes como caminho de links, valores de indexação e chaves de acesso.
  • Esboço de tabelas, células, imagens ou tags selecionadas.
  • Valida HTML, CSS, WAI e RSS.
  • Exibe informações sobre dimensões de imagens, tamanho de arquivos, caminho e textos altrnativos (ALT).
  • Redimensiona a janela de navegação para uma nova resolução.
  • Limpa o cache e cookies salvos no navegador. Escolha todos os objetos ou apenas aqueles com um domínio dado.
  • Escolhe links diretos a referências de especificações W3C, o blog da equipe do IE e outros recursos.
  • Exibe uma régua detalhada para alinhar e medir objetos com precisão nas suas páginas.
Um recurso muito útil, presente também no FireBug é uma espécie de Inspector, que permite selecionar um elemnteo HTML específico através do posicionamento do mouse. Depois de selecionado, o elemento pode ser analisado através da barra de ferramentas disponibilizada. O vídeo abaixo mostra um pouco do uso do IE Developer ToolBar, desde sua instalação (em inglês).

O download pode ser feito em:

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en