Strumenti per gli sviluppatori di Chrome ti consente di visualizzare facilmente più variabili nell'intera applicazione. Se osservi le variabili all'interno di Origini, non dovrai accedere alla console e potrai concentrarti sul miglioramento del codice.
Il riquadro Origini ti consente di monitorare le variabili all'interno dell'applicazione. Si trova nella sezione di visualizzazione della barra laterale del debugger. Se utilizzi questa funzionalità, non bisognerà registrare ripetutamente gli oggetti nella console.
Aggiunta di variabili
Per aggiungere una variabile alla lista di controllo, utilizza l'icona Aggiungi a destra del titolo della sezione. Si aprirà un input in linea in cui potrai fornire il nome della variabile da monitorare. Una volta 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 è possibile trovarla, verrà visualizzato
Aggiornamento delle variabili
I valori delle variabili possono cambiare man mano che un'applicazione continua a funzionare. L'elenco di controllo non è una visualizzazione in tempo reale delle variabili, a meno che non esamini l'esecuzione. Quando esegui la procedura guidata di esecuzione utilizzando i breakpoints, i valori monitorati vengono aggiornati automaticamente. Per ricontrollare manualmente le variabili nell'elenco, premi il pulsante di aggiornamento a destra dell'intestazione della sezione.
Quando viene richiesto l'aggiornamento, lo stato corrente dell'applicazione viene controllato di nuovo. Ogni elemento guardato verrà aggiornato con i valori correnti.
Rimuovere le variabili
Per ridurre al minimo gli elementi da esaminare e velocizzare il lavoro, potresti dover rimuovere le variabili dall'elenco di monitoraggio. Per farlo, passa il mouse sopra la variabile e fai clic sull'icona di rimozione visualizzata a destra.