0
82
VistasVer el modelo de objetos de JavaScript en tiempo real
¿Existen herramientas o técnicas (aparte de las llamadas repetidas a console.log()) para ver el modelo de objetos de JavaScript utilizado en una página web en tiempo real? por ejemplo, algo como:
firstUser (User) -- userName Joe Bloggs (String) -- userEmail joe.bloggs@gmail.com (String) -- userSelections (Array) ----[1,2,4] secondUser (User) -- userName John Doe (String) -- userEmail jogn.doe@gmail.com (String) -- userSelections (Array) ----[1,2,3]Sé que esto se puede lograr usando console.log (primer usuario) y console.log (segundo usuario), pero sería útil poder mostrar todo el modelo de datos para poder ver cómo se modifican las variables en tiempo real.
3 Respuestas
Responde la pregunta0
Puedes usar el depurador de las herramientas de desarrollo en Chrome o Firefox. Simplemente establezca un punto de interrupción y vea el estado de todas las variables bajo el encabezado del alcance.
0
Una opción es usar el panel de watch a la derecha dentro de la pestaña de source para ayudarlo a monitorear diferentes variables
También puede usar el método console.table() (en lugar de console.log ) que muestra datos tabulares como una tabla.