Firebug Lite Button

O Firebug Lite Button é um complemento para o navegador Opera (que é uma variação do Firebug). Ele adiciona o painel de inspeção de elementos para a visualização de código, identificação de objetos, edição e monitoramento de CSS, HTML e JavaScript e monitoramento de erros. Esta seria uma espécie de versão leve do Firebug, por isso algumas funções do original não estão presentes nele.

Conheça o complemento

Este é um aplicativo muito interessante para desenvolvedores, tanto para fazer verificações em páginas da internet como para poder observar códigos de sites e obter novas ideias. Com ele é possível encontrar elementos no código HTML com informações sobre ele (também apresenta função para editar HTML). Com relação ao CSS, ele mostra os tipos de estilos utilizados com possibilidade de visualizar detalhes de edição alterados em tempo real.

Depois de instalado, quando você acessar uma página da internet, basta clicar no botão com o ícone do programa para ativar a inspeção de elementos. Feito isso, sempre que você passar o mouse sobre qualquer parte do site, você pode ver que o objeto é automaticamente marcado. Então basta clicar com o botão direito do mouse e escolher a alternativa “Inspecionar elemento”.

Ele possui um monitorador de páginas, que permite verificar a velocidade de carregamento item a item. Ainda entre as opções do programa ele conta com um painel que traz todos os erros ocorridos na página (inclusive, o número de erros aparece na barra do navegador, logo no local do ícone do programa). Clicando sobre o ícone, eles aparecerão com uma descrição completa.

A tela de ferramentas é dividida em duas regiões: na esquerda você visualiza os códigos, enquanto à direita pode identificar os estilos e tamanho de layouts usados.