In der Chrome-Konsole werden Objekteigenschaften anstelle der DOM-Struktur angezeigt

351
Zorak

Ich bin es gewohnt, mit Firefox zu arbeiten, da es ziemlich nützliche Funktionen bietet. Ich muss jedoch mit Chrome arbeiten und es ist ein Kampf

Was ich brauche ist, Eigenschaften eines Objekts in der Konsole anzuzeigen. Wie kann ich das erreichen? Firefox - was ich brauche

enter image description here

Chrome - was es macht, ist nutzlos enter image description here

Wie kann man also dasselbe Verhalten erreichen oder zumindest, um zu den Eigenschaften eines solchen aufgelisteten Objekts zu gelangen?

Vielen Dank

1

2 Antworten auf die Frage

1
moshiuramit

Sie können ein DOM-Element einfach mit dem Inspector auswählen oder auf ein Element fokussieren. In Chrome DevTool finden Sie eine Registerkarte Eigenschaften. Sie finden alle Eigenschaften des ausgewählten Objekts.

enter image description here

danke, das scheint für mich jetzt klappen zu können .... Sie müssen element in der Konsole als auf meinem Bildschirm auflisten, dann müssen Sie mit der rechten Maustaste klicken, in dem Bedienfeld Elemente anzeigen und dann die Eigenschaften anzeigen ... möge die benutzbarkeit leben ... aber nochmal danke :) Zorak vor 6 Jahren 1
0
Daniel B

Sie können dieses Verhalten nicht ändern.

Sie können es jedoch umgehen (für die meisten Anwendungsfälle): Klicken Sie mit der rechten Maustaste auf das gewünschte Element, und wählen Sie „In Elementbedienfeld anzeigen“. Sie wird dann ausgewählt und Sie können im rechten Eigenschaftsfenster zu „Eigenschaften“ gehen.

Dies gilt nicht für Anwendungsfälle, in denen das protokollierte Element derzeit nicht Teil des DOM ist. Um damit umzugehen, verwenden Sie console.diranstelle von console.log:

console.dir(document)

Verwandte Probleme