Como instalar o Firebug no IE, Safari, Chrome e Opera

Como instalar o Firebug no IE, Safari, Chrome e Opera

Firebug é o melhor amigo de um desenvolvedor web. É um add-on do Firefox que torna muito fácil depurar e desenvolver páginas da web. Ele fornece uma maneira de inspecionar os elementos da página e também realizar muitas outras funções. Mas e quanto ao Firebug no outros navegadores?





Instalação do Firebug no IE, Safari, Chrome ou Opera

O Firebug Lite torna possível instalar o Firebug em algum navegador da web! Você deve ser capaz de usar o Firebug com Internet Explorer, Opera, Safari, Chrome e qualquer outro navegador que suporte JavaScript. O Firebug Lite é escrito em JavaScript, então você pode incluí-lo em uma página da web com o seguinte código:







A funcionalidade do botão Inspecionar parece ter alguns problemas, portanto, outra maneira de inspecionar os elementos é navegar na árvore HTML. Para fazer isso, clique no + sinais na visualização em árvore para expandir o HTML e, ao ver o elemento que deseja inspecionar, clique na linha de código dele no HTML. No lado direito, você pode ver o estilo calculado e oJULGAMENTO(Document Object Model) propriedades do elemento.

O Firebug Lite também possui o console JavaScript, que permite executar o JavaScript. Você pode escrever uma linha de cada vez ou, na visualização expandida, pode escrever várias linhas de uma vez e, em seguida, executar o código.





Embora você não possa editar o CSS para o elemento destacado, o Firebug Lite fornece um mecanismo para editar CSS. É uma espécie de 'console CSS' por falta de um termo melhor, onde você pode escrever seu próprio código CSS e ver como serão os resultados.

Claro, com um nome como Firebug Lite você não pode esperar que ele tenha todos os recursos do Firebug. Infelizmente, não inclui nenhuma depuração de JavaScript (nem consigo imaginar como seria difícil escrever um depurador de JavaScript em Javascript). Infelizmente, você ainda está preso às ferramentas de depuração de JavaScript que pode encontrar para o seu navegador. Ele fornece pelo menos a conveniência de ser capaz de visualizar facilmente o código dos arquivos de script que foram carregados na página.

O Firebug Lite também carece dos recursos de layout do Firebug regular, onde mostra as coordenadas do elemento que está sendo inspecionado, bem como o preenchimento, o tamanho da borda e as margens.

Resumindo, é melhor ter o Firebug Lite para outros navegadores do que nenhum Firebug. Se você está tentando depurar problemas de layout e visualização em outros navegadores, é definitivamente uma boa ferramenta para experimentar.

Você já usou o Firebug Lite? Você já usou Firebug no IE, Safari, Chrome ou Opera antes? Se sim, quais são seus recursos favoritos?

Compartilhado Compartilhado Tweet O email Veja por que o FBI emitiu um aviso para Hive Ransomware

O FBI emitiu um alerta sobre uma cepa particularmente desagradável de ransomware. Veja por que você precisa ser especialmente cauteloso com o ransomware Hive.

Leia a seguir
Tópicos relacionados
  • Navegadores
  • HTML
  • Desenvolvimento web
  • Ferramentas para webmasters
  • Programação
  • Designer de Web
Sobre o autor Jorge Sierra(15 artigos publicados)

Sou um geek típico que passa horas na frente do monitor de um computador no trabalho e em casa. Eu também gosto de montar ferramentas e gadgets bacanas.

anúncios estão aparecendo no meu telefone
Mais de Jorge Sierra

Assine a nossa newsletter

Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!

Clique aqui para se inscrever