Como posso usar o depurador do Firebug para depurar scripts locais?

Question

fQuando estou tentando entender um determinado problema de javascript, normalmente eu crio um aplicativo do tipo hello world no meu sistema de arquivos local e vejo o HTML com o meu navegador.

O problema que tenho é que, como os recursos não são buscados pela rede, o firebug não me deixa ver os scripts e, portanto, não me permite adicionar pontos de interrupção, etc.

Como posso fazer isso?

    

Answer 1

Você não precisa necessariamente do Firebug para fazer isso. As ferramentas incorporadas com o Firefox são muito boas agora e vêm com um depurador de javascript.

Após a página ser carregada, clique com o botão direito em qualquer lugar e selecione Inspect Element . Isso trará as ferramentas do Firefox Inspector.

Para javascript, clique na guia Console e, em seguida, recarregue sua página e ela deverá mostrar os erros que vêm do javascript. Você também pode digitar neste console para testar o javascript em sua página.

Na guia Debugger , ele mostrará todo o javascript carregado para sua página e você poderá adicionar pontos de interrupção aqui e recarregar sua página para testá-los.

    

Answer 2

É irrelevante se o script é local ou remoto, deve sempre ser mostrado no Menu de Localização de Script.

O ponto importante a ser observado é que não é mostrado se houver algum erro de sintaxe. Para verificar se existem erros de sintaxe no seu script, mude para o painel Console , verifique se você tem a opção Mostrar erros de JavaScript ativado e procure linhas vermelhas.