Chrome-Entwicklerwerkzeuge lokale Änderungen fehlerhaft

Question

Fehle ich etwas oder habe ich es irgendwie kaputt gemacht?

Ich setze einen Haltepunkt und möchte dort etwas debuggen, ohne jedes Mal den js-Code bearbeiten und die ganze Seite neu laden zu müssen. Die Option "lokale Änderungen" öffnet nur neue Schublade mit leerer Registerkarte Geschichte und sonst nichts.

Während tut Konsole die meisten Variablen zeigen - es hilft nicht, wenn eine ähnliche Struktur wie diese genutzt werden:

rate += Number(oldRates[key])/100; 

ohne Anmeldung oder einer Variablen zugewiesen, ich weiß nicht, was oldRates [key] tatsächlich gibt zurück (abgesehen davon, welchen Wert dieser Schlüssel hat).

Hier ist eine lokale Änderung nützlich, um diesen Teil separat zu protokollieren oder einer Variablen zuzuweisen.

Answer 1

Lokale Änderungen werden auf der Registerkarte Verlauf angezeigt und werden angezeigt, wenn Sie Änderungen an den Quellen vornehmen und diese speichern. Sie können diese Änderungen rückgängig machen, ohne die Anwendung neu zu laden. Siehe Demo.

Sie können eine Watch Expression verwenden, um den aktuellen Status eines Objekts während der Ausführung anzuzeigen.

Im Beispiel oben, hielt ich inne, nachdem ich das Objekt erstellt hat. Ich habe eine Uhr auf der obj Variable hinzugefügt und jetzt kann ich alle Schlüssel und Werte im Uhrentafel sehen. Ich muss es nicht ständig auf der Konsole anmelden.