Las Herramientas para desarrolladores de Chrome te permiten ver fácilmente diferentes variables en toda tu aplicación. Observar variables en Sources te mantiene alejado de la consola y concentrado en mejorar el código.
El panel Sources permite observar variables en 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 repetidamente en la consola.
Agrega variables
Para agregar una variable a la lista de observación, usa el ícono de agregar a la derecha del encabezado de la sección. Esto abrirá una entrada intercalada en la que proporcionas el nombre de la variable que deseas observar. Una vez que esté completo, 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 está configurada o no se puede encontrar, mostrará
Actualiza las variables
Los valores de las variables pueden cambiar a medida que una aplicación sigue funcionando. La lista de observación no es una vista en vivo de las variables, a menos que estés paso a paso para realizar la ejecución. Cuando realizas un paso por la ejecución con puntos de interrupción, los valores observados se actualizan automáticamente. Para volver a verificar manualmente las variables de la lista, presiona el botón de actualización a la derecha del encabezado de la sección.
A medida que se solicita la actualización, se vuelve a verificar el estado actual de la app. Cada elemento observado se actualizará con los valores actuales.
Quita variables
Para que el contenido que estás viendo se mantenga al mínimo y un trabajo más rápido, es posible que debas quitar variables de la lista de observación. Para ello, coloca el cursor sobre la variable y, luego, haz clic en el ícono de eliminación que aparece a la derecha.
