Las Herramientas para desarrolladores de Chrome te permiten ver fácilmente varias variables en toda tu aplicación. Observar variaciones dentro de Sources te mantiene fuera de la consola y te permite enfocarte en mejorar tu código.
El panel Fuentes te permite observar variables dentro de tu aplicación. Se encuentra en la sección de observación de la barra lateral del depurador. Si aprovechas esta funcionalidad, no necesitarás registrar objetos en la consola de forma reiterada.
Cómo agregar variables
Para agregar una variable a la lista de seguimiento, usa el ícono de agregar que se encuentra a la derecha del encabezado de la sección. Se abrirá una entrada intercalada en la que debes proporcionar el nombre de la variable que deseas supervisar. Una vez que lo hayas completado, presiona la tecla Intro para agregarlo a la lista.
El observador te mostrará el valor actual de la variable a medida que se agregue. Si la variable no se establece o no se puede encontrar, se mostrará
Actualiza variables
Los valores de las variables pueden cambiar a medida que una aplicación continúa funcionando. La lista de seguimiento no es una vista en vivo de las variables, a menos que estés avanzando a través de la ejecución. Cuando recorres la ejecución con breakpoints, los valores observados se actualizan automáticamente. Para volver a verificar manualmente las variables de la lista, presiona el botón de actualización que se encuentra a la derecha del encabezado de la sección.
Cuando se solicita la actualización, se vuelve a verificar el estado actual de la aplicación. Cada elemento reproducido se actualizará con los valores actuales.
Cómo quitar variables
Para reducir lo que estás viendo y trabajar más rápido, es posible que debas quitar variables de la lista de seguimiento. Para ello, coloca el cursor sobre la variable y, luego, haz clic en el ícono de eliminación que aparece a la derecha.
