Sugerencias para Herramientas para desarrolladores: Fragmentos y expresiones en vivo

Sofia Emelianova
Sofia Emelianova
GitHub

Usa Fragmentos en DevTools para ejecutar el código que usas con frecuencia y la expresión en vivo para observar los valores de JavaScript en tiempo real.

Mira el video para aprender a hacer lo siguiente:

  • Crea un fragmento o abre el panel Fragmentos:

  • Ejecuta el fragmento nuevo:

    • Con la combinación de teclas Comando / Control + Intro en Fuentes
    • Desde el menú de comandos, usa !.

  • Pasa valores a tu fragmento:

    1. Haz una pausa con un punto de interrupción.
    2. Establece valores en el panel Fuentes > Alcance.
    3. Reanuda la ejecución.

  • Ejecuta fragmentos desde Console: Cárgalos como funciones globales y ejecútalos una vez.

  • Usa la API de Console Utilities en tus fragmentos.

  • Usa Console > Expresiones en vivo:

    • Para ejecutar un fragmento de código que deseas ejecutar de forma reiterada, por ejemplo, durante una sesión de depuración.
    • Observa cómo cambian los valores durante la ejecución en tiempo real.

Para obtener más información, consulta: