javascript - quitar - ¿La función "Establecer próxima declaración" existe en las herramientas de desarrollo de Chrome o en Firebug?

google chrome debug console

Question

Las herramientas de desarrollo de IE, más específicamente su depurador de JavaScript, ofrecen un comando "Establecer próxima instrucción", que le permite especificar qué declaración se debe ejecutar a continuación. De esta forma, puede omitir ciertas partes de funciones o incluso (de nuevo, efectivamente) regresar de una función tempranamente.

Entonces, para esta función ...

function test () {
    alert(1);
    alert(2);
    alert(3);
}

Si establecemos un punto de inflexión en la primera alerta y luego invocamos la función, podemos ejecutar la primera alerta (F10) y luego hacer clic con el botón derecho en la tercera alerta y elegir "Establecer la siguiente declaración". Ahora, si presionamos F10, se ejecutará la tercera alerta, por lo tanto, efectivamente, se omitió la segunda alerta.

(Pruebe en IE here : --- abra las herramientas de IE con F12, cambie a la pestaña "Script", establezca el punto de interrupción, presione el botón "Comenzar a corregir errores", actualice la página si es necesario)

Me gusta esta característica de "establecer declaración siguiente". Sin embargo, no lo noté en las herramientas de desarrollo de Chrome ni en Firebug. ¿Esta característica existe en esos depuradores?

Answer 1

Si bien Chrome DevTools no tiene "Establecer declaración siguiente", puede definir más explícitamente la siguiente declaración simplemente editando el JavaScript mientras está en pausa en el punto de interrupción.

He realizado un breve screencast para que muestres Chrome DevTools Live Edit + Breakpoint Debugging.

En esencia: en un punto de interrupción, edite su secuencia de comandos en vivo haciendo clic en el panel de Scripts y realizando cambios. Pulsa cmd + s para guardar. Luego revise ese código con sus nuevos cambios. Mucho más poderoso que solo eludir el código, también podría agregar nuevas funcionalidades.