Como definir um ponto de paragem JavaScript a partir de código em Chrome?

Configure um botão carregue em ouvinte e ligue para o debugger;

Exemplo

$("#myBtn").click(function() {
 debugger;   
});

Demonstração

Http://jsfiddle.net/hBCH5/

Recursos na depuração do JavaScript

• http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
• http://berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-today

Você também pode usar debug(function), para quebrar quando function é chamado.

Referência da API da linha de comandos: depuração

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:

1. Se uma instalação de depuração definida de implementação estiver disponível e activa, então
   1. execute uma acção de depuração definida pela implementação.
   2. que o resultado seja um valor de conclusão definido pela implementação.
2. Else
   1. deixe o resultado ser (normal, vazio, vazio).
3. 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

1. 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)

2. 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 .