Chrome DevTools consente di visualizzare facilmente più variabili nell'applicazione. Controllare le variabili all'interno di Origini ti consente di rimanere fuori dalla console e concentrarti sul miglioramento del codice.
Il riquadro Sorgenti consente di controllare le variabili all'interno dell'applicazione. Si trova nella sezione di visualizzazione della barra laterale del debugger. Sfruttando questa funzionalità, non dovrai registrare ripetutamente oggetti nella console.
Aggiungere variabili
Per aggiungere una variabile alla lista di controllo, utilizza l'icona Aggiungi a destra dell'intestazione di sezione. Si aprirà un input in linea in cui devi indicare il nome della variabile da monitorare. Una volta compilato, premi il tasto Invio per aggiungerlo all'elenco.
L'avviso 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 potrebbero cambiare man mano che l'applicazione continua a funzionare. La lista di controllo non è una visualizzazione in tempo reale delle variabili, a meno che tu non stia eseguendo l'esecuzione. Quando esegui i passaggi nell'esecuzione utilizzando i punti di interruzione, i valori guardati verranno aggiornati automaticamente. Per ricontrollare manualmente le variabili nell'elenco, premi il pulsante di aggiornamento a destra dell'intestazione di sezione.
Quando viene richiesto l'aggiornamento, viene ricontrollato lo stato attuale dell'applicazione. Ogni elemento guardato verrà aggiornato con i valori correnti.
Rimozione delle variabili
Per ridurre al minimo ciò che stai cercando e un lavoro più rapido, potrebbe essere necessario rimuovere le variabili dall'elenco di visualizzazioni. A tale scopo, passa il mouse sopra la variabile e fai clic sull'icona di rimozione visualizzata a destra.