Mit den Chrome-Entwicklertools können Sie ganz einfach mehrere Variablen in Ihrer Anwendung sehen. Durch das Beobachten von Variablen in den Quellen können Sie sich von der Konsole fernhalten und Ihren Code verbessern.
Im Bereich „Quellen“ können Sie Variablen innerhalb Ihrer Anwendung beobachten. Sie befindet sich im Abschnitt „Watch“ (Beobachten) der Seitenleiste des Debuggers. Wenn Sie diese Funktion nutzen, müssen Sie Objekte nicht wiederholt in der Konsole protokollieren.
Variablen hinzufügen
Wenn Sie eine Variable zur Beobachtungsliste hinzufügen möchten, verwenden Sie das Symbol „Hinzufügen“ rechts neben der Abschnittsüberschrift. Dadurch wird eine Inline-Eingabe geöffnet, in der Sie den Namen der zu überwachenden Variablen angeben. Wenn Sie alle Informationen eingegeben haben, drücken Sie die Eingabetaste, um ihn der Liste hinzuzufügen.
Der Watcher zeigt Ihnen den aktuellen Wert der Variablen an, wenn dieser hinzugefügt wird. Wenn die Variable nicht festgelegt ist oder nicht gefunden werden kann, wird
Variablen aktualisieren
Variablenwerte können sich ändern, wenn eine Anwendung weiter funktioniert. Die Beobachtungsliste ist keine Live-Ansicht der Variablen, es sei denn, Sie führen die Ausführung schrittweise durch. Wenn Sie die Ausführung mit Haltepunkten schrittweise durchlaufen, werden die beobachteten Werte automatisch aktualisiert. Wenn Sie die Variablen in der Liste manuell noch einmal prüfen möchten, klicken Sie rechts neben der Abschnittsüberschrift auf die Schaltfläche „Aktualisieren“.
Da die Aktualisierung angefordert wird, wird der aktuelle Anwendungsstatus noch einmal überprüft. Jedes beobachtete Element wird mit den aktuellen Werten aktualisiert.
Variablen entfernen
Damit das Gesuchte für eine schnellere Arbeit auf ein Minimum reduziert wird, müssen Sie möglicherweise Variablen aus der Beobachtungsliste entfernen. Bewegen Sie dazu den Mauszeiger auf die Variable und klicken Sie dann auf das Symbol zum Entfernen, das rechts eingeblendet wird.