Debugbar: extensão do Internet Explorer para programadores

Debugbar é uma extensão do Internet Explorer com utilidades para programadores, tais como: inspetor de código, HTML, CSS, DOM, Scripts e outros componentes de páginas web.

Por | @jonathanlamimkt Programação

Debugbar é uma extensão do Internet Explorer com utilidades para programadores, tais como: inspetor de código, HTML, CSS, DOM, Scripts e outros componentes de páginas web.

Vamos comentar as possibilidades de uma extensão do Internet Explorer muito interessante para programadores, já que nos permite utilizar diversos recursos que resultarão em um aumento de produtividade. Asseguro que grande parte dos leitores já saberá do que se trata, pois ela é uma extensão muito similar ao Firebug, uma extensão para o Firefox e que é muito utilizada por programadores hoje em dia.

Além de funcionar como uma extensão, ela também serve para controlar tudo o que está ocorrendo em uma página web, o estado dos elementos, seus atributos, CSS, etc. Assim como o Firebug, a extensão DebugBar também serve de apoio nas tarefas de depuração de código em páginas web.

DebugBar está repleta de utilizadades muito interessantes e bastante engenhosas. Em um primeiro contato com DebugBar parece que há muitos botões, painéis e ações estranhas que podem ser realizadas nas páginas. Mas se já temos experiência com esse tipo de extensão, então em pouco tempo exploraremos a maioria de seus recursos.

Para obter informações detalhadas e instalar a DebugBar podemos acessar o seguinte endereço:
http://www.debugbar.com

Uma vez instalada a extensão e reiniciado o Internet Explorer, teremos a nossa disposição a barra de ferramentas DebugBar. Para ativá-la podemos utilizar o menu Exibir > Barra de Ferramentas > DebugBar.

Agora veremos um menu divido em duas partes, uma barra horizontal e um painel vertical. Na barra encontraremos opções diversas, uma mais interessante que a outra, como por exemplo uma ferramenta para dar zoom na página, realçar o texto, simular a página em outras versões do Internet Explorer (necessita de outra extensão chamada IETester), etc.

A parte mais interessante aparecerá no painel vertical que aparece à esquerda, que tem um completo inspetor de código e elementos da página. Esse painel também poderá estar oculto, já que há um botão na barra horizontal para exibi-lo ou ocultá-lo.

Debugbar: extensão do Internet Explorer para programadores


No painel lateral poderemos encontrar excelentes opções para inspecionar todo o código que está sendo processado pelo Internet Explorer, as comunicações HTTP, scripts, um verificador de HTML, assim como informações gerais da página.

O inspetor de elementos inclui a seleção dos mesmos diretamente na página e através da árvore de elementos da página, o DOM, que é totalmente navegável. Quando temos um elemento selecionado, podemos ver seu código HTML, os estilos aplicados sobre ele e que ele herda, atributos HTML e etc.

Durante nossa navegação para a inspeção de elementos na página também teremos acesso a uma lista de todos os elementos mais importantes da página classificados por tipo, todas as imagens, todos os links, todos os scripts…
Debugbar: extensão do Internet Explorer para programadores


Em definitivo, uma ferramenta que vale a pena ter em mãos, pelo menos menos para nos ajudar na etapa de depuração de nossas páginas web no navegador Internet Explorer.

Mais sobre: internet explorer debugbar ie
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo

Siga nossas contas no Twitter