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"
Postar um comentário