Como executar JavaScript com Firebug

Escrito por ehow contributor | Traduzido por victor rodrigues
Como executar JavaScript com Firebug

O Firebug permite que você experimente e teste os códigos por trás de qualquer site

Comstock/Comstock/Getty Images

O Firebug é um add-on do Firefox que permite que você experimente, teste e solucione problemas em códigos HTML, CSS ou JavaScript em qualquer site. Ele é extremamente útil no desenvolvimento de páginas web e exibe um log de mensagens de erro para ajudá-lo a solucionar problemas de websites. Você também pode usá-lo para definir breakpoints (pontos de parada) ou testar o desempenho das funções JavaScript do site.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Entre na sua conta do Firebug no site que você deseja executar o JavaScript. Navegue até o painel Document Object Model (Modelo do Documento Objeto - DOM).

  2. 2

    Clique no botão "JavaScript Executor" (Executor JavaScript) na página do console. Ele está localizado ao lado da seta vermelha, do lado esquerdo.

  3. 3

    Pressione a seta amarela na parte inferior da janela do Executor JavaScript para ver um executor de múltiplas linhas.

  4. 4

    Digite uma ou duas linhas de comando para serem executadas e pressione "Enter".

  5. 5

    Teste as funções JavaScript do site e estabeleça padrões de referência. Adicione "console.profile ([título])" para iniciar a função JavaScript e "console.profileEnd ()" para finalizar as funções que pretende avaliar.

  6. 6

    Vá para a guia "Script" e selecione breakpoint na lista de funções. Clique sobre um número do lado esquerdo para defini-lo. O JavaScript pausará em uma determinada parte do código para verificar o valor da variável.

Dicas & Advertências

  • Use a função de avaliação do Firebug para testar onde o desempenho do seu site está deixando a desejar.
  • Use a função de breakpoint para testar os diferentes valores das variáveis ​​dentro de sua página web.

Não deixe de ver

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível

Direitos autorais © 1999-2014 Demand Media, Inc.

O uso deste site constitui plena aceitação dos Termos de Uso e Política de privacidade de eHow. Ad Choices pt-BR

Demand Media