Chrome DevTools ti consente di visualizzare facilmente più variabili in tutta l'applicazione. Osservare le variabili all'interno di Sorgenti ti consente di rimanere fuori dalla console e di concentrarti sul miglioramento del codice.
Il riquadro Origini consente di osservare le variabili all'interno dell'applicazione. che si trova nella sezione Watch della barra laterale del debugger. Sfruttando questa funzionalità, non avrai bisogno di registrare ripetutamente gli oggetti nella console.
Aggiunta di variabili
Per aggiungere una variabile all'elenco di controllo, utilizza l'icona Aggiungi a destra dell'intestazione della sezione. Si aprirà un input in linea in cui specifichi il nome della variabile da osservare. Dopo averlo compilato, premi il tasto Invio per aggiungerlo all'elenco.
L'osservatore mostrerà il valore corrente della variabile man mano che viene aggiunta. Se la variabile non è
impostata o non può essere trovata, verrà visualizzato
Aggiornamento delle variabili
I valori delle variabili possono cambiare man mano che un'applicazione continua a funzionare. La watchlist non è una visione in tempo reale delle variabili, a meno che tu non stia eseguendo la procedura. Durante l'esecuzione con i punti di interruzione, i valori monitorati verranno aggiornati automaticamente. Per ricontrollare manualmente le variabili nell'elenco, premi il pulsante Aggiorna a destra dell'intestazione della sezione.
Quando viene richiesto l'aggiornamento, viene ricontrollato lo stato corrente dell'applicazione. Ogni elemento guardato verrà aggiornato con i valori correnti.
Rimozione delle variabili
Per ridurre al minimo ciò che stai osservando e velocizzare il lavoro, potrebbe essere necessario rimuovere le variabili dall'elenco di controllo. Per farlo, passa il mouse sopra la variabile e fai clic sull'icona di rimozione visualizzata a destra.
