Chrome-Entwicklerwerkzeuge. DOM Teilbaum Änderung Haltepunkt?

Question

Wird dieser Break-Point nur aufgerufen, wenn Knoten in einem Teilbaum hinzugefügt/entfernt werden und nicht, wenn sie einfach geändert werden?

Als Test habe ich versucht, eine Klasse mit JS zu Unterbaumelementen hinzuzufügen, und der Haltepunkt wurde nicht aufgerufen.

So wollen nur sicher sein, dass nur das Ding, das diesen bestimmten Knickpunkt auslöst, nur das Hinzufügen/Entfernen von Unterknoten ist, und nicht die Modifikation von irgendwelchen Attributen oder irgendetwas anderem in dieser Angelegenheit, kann das jemand bestätigen?

Answer 1

Subtree Modifikationen sind Knoten Einfügungen und Löschungen in dem DOM [sub] Baum auf den Wurzeln gegebener Knoten.

Um auf die class Attributänderungen zu brechen, müssen Sie verwenden ... wissen was? Break on Attribute Modifications! :-)

Answer 2

Ich kann keine Kommentare zu Ihrer Frage hinzufügen, deshalb werde ich sie als neue Antwort posten. Werfen Sie einen Blick hier: how to set DOM Breakpoints in chrome

In der Regel öffnen Chrome Developer Tools, wählen Sie zunächst Reiter namens Elements, dann finden Sie das Element, auf dem Sie Breakpoint setzen, rechten Maustaste darauf und ein Kontextmenü mit mehreren Optionen für einen Haltepunkt werden geöffnet. Die Optionen sind:

1. Pause auf Subtree Änderungen
2. Pause auf Attributänderungen
3. Pause auf Knoten Entfernen