0
226
Vistas¿Cómo depurar ejemplos de MDN Web Docs?
Supongamos que tengo un ejemplo de Javascript en MDN :
const object = { a: 1, b: 2, c: 3 }; for (const property in object) { console.log(`${property}: ${object[property]}`); } // expected output: // "a: 1" // "b: 2" // "c: 3" Puedo ejecutarlo con el botón Run :
Pero, ¿puedo rastrearlo/depurarlo con puntos de interrupción al ver cómo funciona?
¿Dónde se encuentra el código fuente de este ejemplo en las herramientas para desarrolladores de Chrome o FireFox? ¿Y/o cómo desminificarlo?
1 Respuestas
Responde la pregunta0
Dónde está ubicado: probablemente en un módulo dinámico, posiblemente usando eval o new Function , generado inmediatamente antes de su ejecución, por lo que no lo encontrará antes de eso.
En su lugar, puede agregar una declaración del debugger donde desee un punto de interrupción, o solo en la primera línea para que se interrumpa en el módulo de origen correcto de inmediato y pueda establecer otros puntos de interrupción en el depurador según sea necesario.
Luego abra sus devtools y ejecute. Espere a que se rompa en la declaración del debugger y realice la depuración.