Pregunta ¿Cómo establecer un punto de interrupción de JavaScript desde el código en Chrome?


Quiero forzar al depurador de Chrome a romper una línea a través del código, o bien usando algún tipo de etiqueta de comentario como algo así como console.break().


578
2018-04-06 23:44


origen


Respuestas:


Puedes usar debugger; dentro de tu código Si la consola de desarrollador está abierta, la ejecución se interrumpirá. Funciona en firebug también.


999
2018-04-06 23:49



Configure un botón haga clic en oyente y llame al debugger;

Ejemplo

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

Manifestación

http://jsfiddle.net/hBCH5/

Recursos sobre la depuración en JavaScript


20
2018-05-04 17:33



Como otros ya han dicho, debugger; es el camino a seguir. Escribí un pequeño script que puede usar desde la línea de comandos en un navegador para establecer y eliminar un punto de interrupción justo antes de llamar a la función: http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/


16
2018-02-02 04:55



También puedes usar debug(function), para romper cuando function se llama.

Referencia de la API de línea de comandos: depurar


16
2017-08-19 11:00



En la pestaña "Secuencias de comandos", vaya a donde está su código. A la izquierda del número de línea, haz clic. Esto establecerá un punto de inflexión.

Captura de pantalla:

screenshot of breakpoint in chrome

Luego podrá rastrear sus puntos de interrupción dentro de la pestaña derecha (como se muestra en la captura de pantalla).


7
2018-04-06 23:53



debugger es una palabra clave reservada por EcmaScript y da semántica opcional desde ES5

Como resultado, puede usarse no solo en Chrome, sino también en Firefox y Node.js vía node debug myscript.js.

los el estándar dice:

Sintaxis

DebuggerStatement :
    debugger ;

Semántica

La evaluación de la producción de DebuggerStatement puede permitir que una implementación cause un punto de interrupción cuando se ejecuta bajo un depurador. Si un depurador no está presente o activo, esta afirmación no tiene ningún efecto observable.

La producción DebuggerStatement: depurador; se evalúa de la siguiente manera:

  1. Si una instalación de depuración definida por la implementación está disponible y habilitada, entonces      
    1. Realice una acción de depuración definida por la implementación.
    2. Deje que el resultado sea un valor de finalización definido por la implementación.
  2. Más      
    1. Deje que el resultado sea (normal, vacío, vacío).
  3. Resultado de devolución.

Sin cambios en ES6.


6
2018-05-31 15:26



Es posible y hay muchas razones por las que puede querer hacer esto. Por ejemplo, al depurar un bucle infinito de javascript cerca del inicio de la carga de la página, esto impide que el conjunto de herramientas del desarrollador de Chrome (o Firebug) se cargue correctamente.

Ver la sección 2 de

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

o simplemente agregue una línea que contenga la palabra depurador a su código en el punto de prueba requerido.


3
2018-01-21 10:02



Punto de inflexión: -

breakpoint dejará de ejecutarse y le permitirá examinar los valores de JavaScript.

Después de examinar los valores, puede reanudar la ejecución del código (generalmente con un botón de reproducción).

Depurador: -

El depurador; detiene la ejecución de JavaScript y llama a la función de depuración.

La instrucción del depurador suspende la ejecución, pero no cierra ningún archivo ni borra ninguna variable.

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};

2
2017-11-04 18:06



Puedes establecer debug(functionName) para depurar funciones también.

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function


1
2018-01-19 10:37



Hay muchas maneras de depurar código JavaScript. Los siguientes dos enfoques son ampliamente utilizados para depurar JavaScript a través del código

  1. Utilizando console.log() para imprimir los valores en el navegador consola. (Esto te ayudará a entender los valores en ciertos puntos de tu código)

  2. Palabra clave del depurador Añadir debugger; a las ubicaciones que desea depurar y abrir la consola de desarrollador del navegador y navegar hasta la pestaña de fuentes

Para obtener más herramientas y formas de depurar código JavaScript, se brindan este enlace por W3School.


0
2018-04-26 14:18