Como definir um ponto de paragem JavaScript a partir de código em Chrome?
quero forçar o depurador Chrome a quebrar numa linha via código, ou então usar algum tipo de marca de comentários como o console.break()
.
10 answers
Pode utilizar debugger;
dentro do seu código. Se a consola de desenvolvimento estiver aberta, a execução irá quebrar. Também funciona em firebug.
Configure um botão carregue em ouvinte e ligue para o debugger;
Exemplo
$("#myBtn").click(function() {
debugger;
});
Demonstração
Recursos na depuração do JavaScript
Você também pode usar debug(function)
, para quebrar quando function
é chamado.
Na página "Scripts", vá para onde o seu código está. À esquerda do número da linha, clique. Isto vai definir um ponto de paragem.
Imagem:
Poderá então seguir os seus pontos de paragem na página direita (como mostrado na imagem).
debugger
é uma palavra-chave reservada por EcmaScript e dada semântica opcional desde ES5
Como resultado, pode ser usado não só no Chrome, mas também no Firefox e nodo.js via node debug myscript.js
.
Sintaxe
DebuggerStatement : debugger ;
Semântica
Avaliar a produção de depurador pode permitir que uma implementação cause um ponto de paragem quando executado sob um depurador. Se um depurador não estiver presente ou activo a declaração não tem efeito observável.
A depuração da produção: depurador; é avaliada do seguinte modo:
- Se uma instalação de depuração definida de implementação estiver disponível e activa, então
- execute uma acção de depuração definida pela implementação.
- que o resultado seja um valor de conclusão definido pela implementação.
- Else
- deixe o resultado ser (normal, vazio, vazio).
- volta resultado.
Sem alterações no ES6.
Ver secção 2 de
Http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
Ou apenas adicionar uma linha contendo a palavra depurador ao seu código no ponto de teste necessário.
Ponto de paragem: -O Ponto de paragem irá parar de executar, e permitir-lhe-á examinar os valores de JavaScript.
Depois de examinar os valores, você pode retomar a execução do código (normalmente com um botão play).
Depurador: -
O depurador; interrompe a execução do JavaScript e invoca a função de depuração.
A declaração do depurador suspende a execução, mas não fecha quaisquer ficheiros ou limpa quaisquer variáveis.
Example:-
function checkBuggyStuff() {
debugger; // do buggy stuff to examine.
};
Também pode definir debug(functionName)
as funções de depuração.
Https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function
Existem muitas maneiras de depurar o código JavaScript. Seguindo duas abordagens são amplamente usadas para depurar JavaScript via código
Usar
console.log()
para imprimir os valores no navegador consola. (Isto irá ajudá-lo a compreender os valores em certos pontos do seu código)Palavra-chave do depurador. Adicionar
debugger;
aos locais que deseja depurar, abrir a consola de desenvolvimento do navegador e navegar para a página de fontes.
Para mais ferramentas e formas em que você depura o código de JavaScript, sendo indicado em esta ligação por W3School .