significa - ¿Cómo configurar un punto de ruptura de JavaScript desde el código en Chrome?
javascript console chrome (10)
Punto de quiebre: -
el punto de interrupción 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 (normalmente 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 declaració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.
};
Quiero forzar al depurador de Chrome a interrumpir una línea a través del código , o bien usar algún tipo de etiqueta de comentario como algo como console.break() .
Como ya han dicho otros, 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/
Configure un botón, haga clic en escucha y llame al debugger;
Ejemplo
$("#myBtn").click(function() {
debugger;
});
Manifestación
Recursos sobre depuración en JavaScript
En la pestaña "Scripts", ve a donde está tu código. A la izquierda del número de línea, haga clic en. Esto establecerá un punto de interrupción.
Captura de pantalla:
Entonces podrá seguir sus puntos de interrupción dentro de la pestaña derecha (como se muestra en la captura de pantalla).
Es posible y hay muchas razones por las que podría querer hacer esto. Por ejemplo, la depuración de un bucle infinito de javascript cerca del inicio de la carga de la página, 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.
Hay muchas formas de depurar el código JavaScript. Los siguientes dos enfoques son ampliamente utilizados para depurar JavaScript a través del código
Uso de
console.log()para imprimir los valores en la consola del navegador. (Esto le ayudará a comprender los valores en ciertos puntos de su código)Palabra clave del depurador. Añadir
debugger;a las ubicaciones que desea depurar, abra la consola de desarrollo del navegador y navegue a la pestaña de fuentes.
Para obtener más herramientas y formas de depurar el código de JavaScript, W3School proporciona en este enlace .
Puede utilizar el debugger; dentro de su código. Si la consola de desarrollador está abierta, la ejecución se interrumpirá. Funciona en firebug también.
También puede configurar debug(functionName) para depurar funciones.
https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function
También puede usar debug(function) , para interrumpir cuando se llama a la function .
debugger es una palabra clave reservada de EcmaScript y se le da una semántica opcional desde ES5
Como resultado, se puede usar no solo en Chrome, sino también en Firefox y Node.js a través de la node debug myscript.js .
La norma dice :
Sintaxis
DebuggerStatement : debugger ;Semántica
La evaluación de la producción de DebuggerStatement puede permitir que una implementación provoque un punto de interrupción cuando se ejecuta bajo un depurador. Si un depurador no está presente o activo, esta declaración no tiene ningún efecto observable.
La producción DebuggerStatement: debugger; se evalúa de la siguiente manera:
- Si una instalación de depuración definida está disponible y habilitada, entonces
- Realizar una acción de depuración definida por la implementación.
- Que el resultado sea un valor de finalización definido por la implementación.
- Más
- Dejemos que el resultado sea (normal, vacío, vacío).
- Resultado de retorno.
No hay cambios en ES6.