.
Mit den Chrome-Entwicklertools können Sie ganz einfach mehrere Variablen in Ihrer Anwendung anzeigen. Wenn Sie Variablen in Quellen beobachten, können Sie die Konsole nicht mehr nutzen und können sich ganz auf die Verbesserung Ihres Codes konzentrieren.
Im Quellenbereich können Sie Variablen in Ihrer Anwendung beobachten. Diese befindet sich im Überwachungsbereich der Debugger-Seitenleiste. Wenn Sie diese Funktion nutzen, müssen Sie Objekte nicht wiederholt in der Console protokollieren.
Variablen hinzufügen
Um eine Variable zur Beobachtungsliste hinzuzufügen, verwenden Sie das Hinzufügen-Symbol rechts neben der Bereichsüberschrift. Dadurch wird eine Inline-Eingabe geöffnet, in der Sie den zu überwachenden Variablennamen angeben. Sobald der Eintrag ausgefüllt ist, drücken Sie die Eingabetaste, um ihn der Liste hinzuzufügen.
Der Watcher zeigt Ihnen den aktuellen Wert der Variablen an, während sie hinzugefügt wird. Wenn die Variable nicht festgelegt ist oder nicht gefunden werden kann, wird für den Wert
Variablen aktualisieren
Variablenwerte können sich ändern, wenn eine Anwendung weiterhin betrieben wird. Die Beobachtungsliste ist keine Live-Ansicht der Variablen, es sei denn, Sie führen die Ausführung Schritt für Schritt aus. Wenn Sie die Ausführung mithilfe von Haltepunkten durchgehen, werden die beobachteten Werte automatisch aktualisiert. Wenn Sie die Variablen in der Liste noch einmal manuell überprüfen möchten, klicken Sie rechts neben der Bereichsüberschrift auf die Schaltfläche „Aktualisieren“.
Bei Anforderung einer Aktualisierung wird der aktuelle Anwendungsstatus erneut überprüft. Jedes beobachtete Element wird mit den aktuellen Werten aktualisiert.
Variablen entfernen
Damit das, was Sie suchen, 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 rechts auf das Symbol zum Entfernen.
