Internet Explorer Developer Toolbar

O Internet Explorer Developer Toolbar, desenvolvido pela Microsoft, possui funções que permitem:
  • Explorar e modificar o DOM (Document object model) de uma página web.
  • Localizar e selecionar elementos em uma página web por meio de uma variedade de técnicas.
  • Assim como o Web developer tools do Firefox, permite selecionar, habilitar e desabilitar o CSS na página.
  • Visualização de ids, divs, tabelas e seus respectivos valores.
  • Validar os links HTML, CSS, WAI e também RSS.
  • Visualizar as dimensões, tamanho de arquivos e permite manipulação da resolução da janela do navegador para uma nova resolução.
  • Limpar cache e cookies do navegador.
  • Disponibilizar de uma régua repleta de funções para ajudar no alinhamento e medidas de objetos na sua página.
  • Procurar por regras de estilo usadas para configurar valores de estilos específicos para um elemento.
Algumas das novas funções:

  
A Show ruler tool (ferramenta de régua) é similar à extensão MeasureIt do Firefox, desenvolvida por Kevin Freitas, mas com funções adicionais.

 
Ao habilitar a régua, você pode desenhar uma linha com 'tickmarks", coordenada x e y do inicio ao final do ponto em relação à janela e à medida. Poderá usar a função pressionando a tecla <CTRL> e criar múltiplas réguas. Os valores são ajustados de acordo com o movimento.

  
Contornar ou marcar os elementos é outra característica que a equipe do IE parece ter melhorado um pouco. Podemos marcar coisas normais como tabela, células de tabela, imagens e elementos sob medida, mas eles também lhe dão a capacidade de contornar elementos posicionados tal como esses que são floated, relative, absolute, ou fixed (apesar do fato que IE 6 ironicamente não apóia os elementos fixos).

 
Isto pode ser bom para um rápido cheque, para achar que esses elementos não estejam se comportando bem, devido a algum Javascript ou coisas assim. Com o "Any tag" option, você pode adicionar elementos à lista e ser contornado. Com certeza, pode fazer o mesmo com a extensão de Firefox, mas não é prontamente aparente.

 
Em alguns sites podemos ver algumas desvantagens do uso do IE Developer toolbar, mas por enquanto é o que a Microsoft tem.

 
Como alguns desenvolvedores já estão dizendo: "uma imitação do que já é bom no Firefox", embora o Firefox também tenha os seus bugs.

 
Alguns contras (Comentário de alguns usuários):

 
- "Encontrar um elemento por clicar no IE, sempre coloca uma borda azul em volta de tudo. Quando faz um rollover e as bordas continuam clicadas, então você não pode realmente examinar os efeitos nas bordas, se é isso que você esta precisando fazer."

  
- "A função CSS Edit também é inválida. Se somente pudesse fazer busca de string dentro de cada painel de folha de estilo, seria perfeito."

 
- "Mesmo que seja uma cópia do que o Firefox oferece, vale a pena baixar o IE Developer toolbar."

  
Fontes:

 
http://jehiah.cz/archive/ie-developer-toolbar
http://www.c82.net/article.php?ID=23

 
Pré-requisitos de instalação:

 
1- Internet Explorer 6, 7 ou 8.

  
2- Sistema operacional Windows XP, 2003 e 7.*

 
*Visto que alguns artigos dizem funcionar com Vista, alguns usuários on-line comentaram que o [i]toolbar não funciona com o Vista. Se você instalar, não consegue logar de novo no sistema operacional. A página de download do toolbar sugere somente XP/2003.[/i]

  
Para download em inglês: IE Developer toolbar

 

No Response to "Internet Explorer Developer Toolbar"

Hospedagem Kinghost não perca!