Strumenti per sviluppatori di Chrome. Punto di interruzione modifica sottostruttura DOM?

Question

Questo punto di interruzione verrà invocato solo se i nodi nel sottoalbero vengono aggiunti/rimossi e non se vengono semplicemente modificati?

Come test ho provato ad aggiungere la classe con JS agli elementi dell'albero secondario e il punto di interruzione non ha richiamato.

Quindi, voglio solo essere sicuro, quella sola cosa che attiverà questo particolare break-point è solo l'addizione/rimozione dei sub-nodi, e non la modifica di qualsiasi f sono attributi o quant'altro per quella materia, qualcuno può confermarlo?

Answer 1

modifiche sottoalbero sono inserimenti nodi e rimozioni nell'albero DOM [sub] radicata al dato nodo

Per interrompere le modifiche degli attributi class è necessario utilizzare ... sapere cosa? Break on Attribute Modifications! :-)

Answer 2

Non riesco ad aggiungere commenti alla tua domanda, è per questo che lo posterò come una nuova risposta. Date un'occhiata qui: how to set DOM Breakpoints in chrome

In generale, aprire Chrome Developer Tools, selezionare prima scheda denominata Elementi, poi trovare l'elemento su cui si desidera inserire breakpoint, fate clic destro su di esso e un menu contestuale con diverse verranno aperte le opzioni per un punto di interruzione. Opzioni sono:

1. Interruzione sottoalbero Modifiche
2. Break Abilità Modifiche
3. Break di rimozione nodo