Making Firebug brechen innen dynamisch geladen Javascript

Question

Ich bin auf der Suche nach einer Möglichkeit, eine dynamisch geladene jQuery document.ready Funktion zu debuggen.

Offensichtlich kann ich nicht nur den Skriptbereich aufrufen und einen Haltepunkt mit der Maus hinzufügen, da die Funktion dort nicht existiert.

Ich habe auch versucht, "Debugger;" zur Funktion (ohne die Anführungszeichen), aber das hat nichts getan. Ich habe sichergestellt, dass die Funktion tatsächlich ausgeführt wird, während ich dies versuchte.

Danke für Ihre Hilfe,

Adrian

Edit: Ich habe gerade bemerkt, dass Firebug auf Debug tatsächlich bricht. Wenn dies jedoch bei einem dynamisch geladenen Skript geschieht, wird der Quellcode dieses Skripts nicht wie gewöhnlich angezeigt. Außerdem endet der Aufrufstapel direkt unter meinem eigenen Code. Ich kann die Implementierung für document.ready über den Call-Stack aufrufen, aber das hilft nicht wirklich. Ist das ein Firebug Bug oder habe ich etwas verpasst?

Answer 1

ich auf diesem similar question gerade gearbeitet. Die Lösung beinhaltet, den Word-Debugger zweimal hinzuzufügen; einmal an der Spitze der externen Datei und noch einmal am Anfang der Funktion, die debuggt werden muss.

Ich bemerkte, dass wenn das Debugger-Wort nur einmal verwendet wurde, es nicht funktionierte. Beispiel:

//myExternal.js 
debugger; 
function myExternalFunction(){ 
debugger; 
/* do something here */ 
} 

Answer 2

Sie könnten versuchen, einen Unterbrechungspunkt zu platzieren, an dem das Ereignis aufgerufen wird, und dann, statt auf "Play" zu klicken, wählen Sie "Step Into" (F11). Ich habe keinen Testfall vor mir, aber ich denke, das könnte funktionieren.

Answer 3

Es gibt auch ein Debugger-Schlüsselwort, das vom IE-JScript-Debugger und vom Web-Inspektor von Safari unterstützt wird. Ich wäre also überrascht, wenn es in Firebug nicht unterstützt würde.

Grundsätzlich gilt:

// mydynamicallyloadedfile.js 
... // do stuff 
debugger; // triggers debugger 
... // more stuff 

Und ich würde erwarten, dass Firebug am debugger Stichwort brechen

Answer 4

Ich weiß nicht, ob Sie jemals bekam dies herausgefunden, aber falls jemand anderes braucht es ...

Ich habe um diese durch den Code bewegen ich ein debuggen wollte externe Datei, die von der Hauptseite verlinkt wurde.

In meinem Fall hatte ich default.aspx laden services.aspx in ein Content-Div mit jQuery AJAX. Services.aspx wiederum geladene jQuery UI-Registerkartenelemente mit AJAX von einem Webservice, der die Daten bereitgestellt hat. Der Webservice-Code befand sich in einer Datei namens data.js, die von default.aspx verlinkt war. Ich musste den Code debuggen, der sich in der Kopfzeile von services.aspx befand (die die Registerkarten mit Daten geladen hatte), konnte sie aber in keinem der verfügbaren Inspektoren sehen. Ich habe gerade den benötigten Code in eine neue Funktion in data.js verschoben und aus dem Header in services.aspx aufgerufen.

Ich hoffe, dass das für jemanden Sinn macht, der es braucht!

Answer 5

gerade begegnete gleiches Verhalten (Firebug ignoriert debugger; Anweisung in dynamisch geladenen Code) in Firefox 5.0/Firebug 1.7.3.

um Arbeitete von Firebug-Fenster Abnehmen ("Open Firebug in New Window").