Todos conhecem o FireFox, ele não é apenas um navegador,  é sim um ótimo navegador, portanto, suas qualidades se sobressaem. Partindo desse ponto, começo a falar sobre os Addons (Complementos) que instalados ao navegador acrescentam funções extremamente úteis personalizando o Firefox para responder as necessidades e preferências do usuário. Dentre esses complementos eu destaco o FireBug, que adiciona inúmeras ferramentas para facilitar a tarefa de desenvolvimento de páginas web. Ele possibilita a identificação e eliminação de erros de programação, edição e também o monitoramento de CSS, HTML e JavaScript presentes em qualquer página da internet. O Firebug torna-se uma ferramenta indispensável para os programadores localizarem os bugs em seus desenvolvimentos. Depois de instalar a extensão para o Firefox, clique em “Ferramentas“, na Barra de Ferramentas do navegador. Em seguida, posicione o mouse em “Firebug” para abrir um menu lateral no qual você deve desmarcar a opção “Disable Firebug“.
Fazendo isto, vai aparecer um ícone verde no canto inferior direito da tela do Firefox. Basta clicar sobre ele para abrir o menu de opções. Na aba “Console“, você verifica os erros e bugs da página, bem como a opção HTML apresenta toda a marcação utilizada.
Optando pela aba “Inspect“, você pode fazer um “tour” pela página, posicionando o mouse em cima de uma região qualquer e verificando o código “div” utilizado nele, por exemplo. O código específico é destacado e apresentado em uma caixa azul, facilitando a identificação. A tela de ferramentas é dividida em duas regiões: na esquerda você visualiza os códigos, enquanto na direita pode identificar os estilos e tamanho de layouts usados. Veja imagens dele em ação, Aqui e Aqui, notou o detalhe mais importante do firebug? Pois é veja que em uma das páginas o titulo da matéria está diferente, isto porque a medida que você modifica o código, pode acompanhar o resultado em tempo real, sem precisar enviar a página modificada para o servidor para ver o resultado. Legal não é, então baixa agora o addon FireBug. Não tem FireFox? Baixe Aqui. 

*Gostou desse artigo? Sim?! Então assine o nosso Feed RSS ou assine o Recebimento por Email.

Visualizar Felipe "JaR"'s Perfil      Cadastrar-se via RSS