¿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 de un código , o bien utilizar algún tipo de etiqueta de comentario, como algo como console.break() .

    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.

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

    Ejemplo

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

    Manifestación

    http://jsfiddle.net/hBCH5/

    Recursos sobre la depuración en JavaScript

    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 el punto de interrupción justo antes de la llamada a la función: http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/

    También puede usar debug(function) para interrumpir cuando se llama a la function .

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

    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:

    captura de pantalla del punto de interrupción en cromo

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

    debugger es una palabra clave reservada por EcmaScript y semántica opcional dado que ES5

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

    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.

    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.

    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. }; 

    También puede configurar la debug(functionName) para depurar funciones.

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

    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. Usando console.log() para imprimir los valores en la consola del navegador. (Esto te ayudará a entender los valores en ciertos puntos de tu código)

    2. Palabra clave del depurador Agregar debugger; a las ubicaciones que desea depurar, y abra la consola del desarrollador del navegador y navegue a la pestaña de fonts.

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