Ich habe Probleme mit dem Setzen von Haltepunkten in dynamisch generierten DOM-Elementen, wo auch verschiedene Event-Handler aus Javascript gebunden werden. Dies bedeutet im Grunde, dass ich eine gut aussehende DOM-Struktur habe, die nicht Teil der ursprünglich empfangenen HTTP-Antwort ist, sondern rein auf Client-Seite aufgebaut ist.Wie legen Sie Ereignis-Listener-Haltepunkte auf der Registerkarte "Elemente" von Chrome fest?
Das Problem ist jetzt, dass Chrome Registerkarte Elemente erlaubt es mir nur Haltepunkte zu setzen für
- Subtree Änderung oder
- Attributmodifikation ODER
- Knoten Entfernung
Ist es möglich, einzustellen ein Breakpoint im dynamisch erstellten Event-Listener des dynamisch erzeugten DOM-Elements? (Siehe Bild angehängt. Ich den Haltepunkt in die listenerbody festlegen mag)
Bitte beachte, dass ich nicht ‚Quellen/Scripts‘ Tab entweder verwenden kann, da es mir nur zeigt den empfangene zunächst statischen HTTP-Content Antwort. Und ich kann den Haltepunkt nicht in dem Code festlegen, auf den im Akkordeon "Event Listeners" verwiesen wird, da er mir nur den Ereignis-Listener anzeigt, wenn er angehängt wird und nicht, wenn er ausgelöst wird!
Irgendwelche Ideen?
Danke für die Idee, aber die Sache ist, dass ich nicht die Quellen Registerkarte für den Grund, warum ich oben beschrieben verwenden kann. Irgendwelche anderen Ideen? –
@CaptainFogetti Diese Funktion ist verfügbar, ohne dass Quellen erforderlich sind. Probieren Sie es aus: Setzen Sie 'document.onclick = function() {};' in der Konsole, folgen Sie den Schritten in meiner Antwort und klicken Sie auf das Dokument. –
Danke! Das ist großartig! Ich wusste nicht, dass Sie diese Listener-Breakpoints einfach ohne Quellen einstellen können ...^_^ –