Las Herramientas para desarrolladores de Chrome te permiten ver fácilmente diferentes variables en toda tu aplicación. Mirar las variables dentro de Sources te mantiene fuera de la consola y enfocado en mejorar tu código.
El panel Sources proporciona la capacidad de observar variables dentro de tu aplicación. Se encuentra en la sección de reproducción de la barra lateral del depurador. Si aprovechas esta funcionalidad, no necesitarás registrar objetos de manera repetida 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. Se abrirá una entrada intercalada en la que proporcionas el nombre de la variable que se observará. Una vez que esté completo, presiona la tecla Intro para agregarlo a la lista.
El agente de observación te mostrará el valor actual de la variable a medida que se agrega. Si la variable no está establecida 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 observación no es una visualización en vivo de las variables, a menos que estés recorriendo la ejecución. Cuando estés avanzando por la ejecución con puntos de interrupción, los valores observados se actualizarán automáticamente. Para volver a verificar manualmente las variables en la lista, presiona el botón de actualización 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. Todos los elementos observados se actualizarán con los valores actuales.
Quita variables
Para minimizar la información que buscas a fin de agilizar el trabajo, es posible que debas quitar las 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.
