Wie kann man in der Chrome WebDev Tools Console auf ein JSON Objekt zugreifen?

[dedlfix]

Tach!

Wie könnte ich jetzt in der Console selbst das JSON Objekt nochmal ausgeben lassen? Wenn ich den Variablennamen eingebe funktioniert es nicht.

Der Scope verhindert es. Auf alles, was nicht im globalen Scope ist, kannst du nicht direkt zugreifen. Wie im Programm selbst auch. Du musst dazu im betreffenden Scope sein.

Selbst wenn du die Console vom CodePen nimmst, kannst du in folgendem Beispiel nur auf y zugreifen, nachdem das Programm gelaufen ist.

{
  const x = 42;
  console.log(x);
}

const y = 23
console.log(y);

Um xzu prüfen, müsste man einen Breakpoint auf das console.log(x) setzen, was aber anscheinend in CodePen nicht geht. Und die entsprechende Stelle in Chromes Debugger zu finden, ist recht aussichtlos. Selbst wenn du sie gefunden hast, nützt das nichts, weil man den Code nicht einfach so auf Knopfdruck laufen lassen kann. Der läuft in diesem Minimalbeispiel nur automatisch bei Änderungen, aber dabei ändert sich auch der Name der Ressource und der Breakpoint ist futsch.

dedlfix.