Ferramenta pra Desenvolvedores Internet Explorer 8

Publicado: 17/09/2009 em IE8

O Internet Explore 8 possui uma poderosa ferramenta para desenvolvedores em sua instalação.
Com ela é possível inspecionar os elementos de uma página html, visualizar e editar as propriedades CSS e obter o resultado instantaneamente.
É possível também debugar scripts, adicionando breakpoints e visualizar os valores das variáveis de uma maneira que lembra o debugger do Visual Studio.

A ferramenta está disponível no menu Ferramentas ou pelo atalho de teclado F12
image

A ferramenta pode ficar flutuando lado a lado com o Internet Explorer ou “dockada” na parte inferior. Ela lembra bastante a conhecida Dev Toolbar. Porém o fato de ser um recurso do navegador e não uma toolbar, é possível uma economia de recursos muito grande, principalmente devido ao novo modelo de isolamento de processos do Internet Explorer 8.

image

Existe dois recursos que gosto bastante nesta ferramenta que são uma exclusividade do Internet Explorer, o Profiler e o Modo de Documento.
O Profiler permite uma análise detalhada da execução dos scripts da página, permitindo que o desenvolvedor encontre funções que estão causando lentidão na execução por exemplo, o que pode comprometer todo o funcionamento da aplicação web.

Vejam abaixo um pouco de profiler no site do Bing:

image

Outro recurso interessante é a possibilidade de visualizar a mesma página nos vários engines de Internet Explorer disponíveis no IE8.
Sem a necessidade de instalar outras versões de navegador, é possível saber como o site se comportará nas versões anteriores ao IE8.
Vejam a comparação que fiz no site do Bing, a diferença é o tamanho das fontes:

O Bing por padrão utiliza o engine do IE7:
image

Ele ficaria assim no IE5 e IE6:
image

E assim utilizando o IE8:
 image

Este resultado de visualização do site em várias versões do IE é o mesmo que adicionar a tag meta de compatibilidade para cada uma das versões.

Para saber TUDO sobre a ferramenta para desenvolvedores acesse o link http://msdn.microsoft.com/en-us/library/dd565622(VS.85).aspx Terá uma descrição detalhada dos recursos e tutoriais de como utilizar a ferramenta no dia-a-dia.

Divirtam-se

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s