javascript - significa - Agregar un punto de interrupción en medio de una línea con Chrome Web Inspector

ver variables de session en chrome

Question

Digamos que tengo un código de JavaScript como este:

function breakpointInside() { console.log("How do I add a breakpoint here?"); }
breakpointInside();

Supongamos que no puedo editar el archivo fuente. Me gustaría depurar breakpointInside , pero no puedo averiguar cómo agregar un punto de interrupción en el centro de la línea. En este ejemplo, es trivial entrar en la función, pero supongamos que es un script más complejo donde no es tan práctico.

Answer 1

Aquí hay 2 soluciones relacionadas

1) Fuente de ofuscación

No puede poner un punto de interrupción dentro de una línea, pero puede (en las versiones más recientes de Chrome) hacer clic con el botón derecho en la secuencia de comandos, seleccionar De-obfuscate Source y colocar un punto de interrupción en la versión sin ofuscación (que tendrá una declaración). en cada línea).

2) impresión bonita

(basado en el comentario de Nicolas)

En las versiones posteriores de los navegadores basados ​​en Chromium, esta función se llama "Impresión bonita" y está disponible como un botón a la izquierda debajo del panel de código fuente que se ve como {}

Answer 2

El comentario de Nicolas Boisteault es el que se utilizará en las últimas versiones de Chrome.

En 2015, puede hacer clic en el botón {} llamado impresión bonita en la parte inferior izquierda. - Nicolas Boisteault

Answer 3

Puede editar la fuente con Chrome DevTools live: simplemente haga doble clic en la fuente en el panel Scripts y agregue un salto de línea antes de console.log. Presione Ctrl + Intro o Ctrl + S para confirmar su cambio en la máquina virtual. A continuación, establezca el punto de interrupción en la nueva línea que contiene console.log.