2012-04-16 10 views
5

Im Allgemeinen Ich weiß, wie Set-Breakpoints, Variablen überprüfen, sollte in Funktionen etc ...JavaScript asynchron debuggen? (Viele Skripte laden)

Default.htm besteht aus Hunderten von Skripten und leeren Platzhalter.

Idealerweise würde ich gerne Schritt für Schritt fortfahren. Einstellen Haltepunkt in der ersten Zeile wie das funktioniert nicht:

Sample breakpoint

Wenn ich nächste Funktion aufrufen Schritt über sie lange weg ist (alles geladen).

Chrome Developer Tools

Allgemeinen wie Debug-I asynchron geladen Skripte? (Timeline zeigt deutlich, dass sie gleichzeitig geladen werden)

Vielleicht sollte ich HTTP-Proxy verwenden, wie Fiddler? Ich weiß, wie man einen einfachen Breakpoint (BPU) setzt und dann? fiddler breakpoint

Mit anderen Worten - die nähern - How can I debug my JavaScript code? - auf meine Bedürfnisse zugeschnitten ist?

+3

obwohl sie simultan geladen sind, wahrscheinlich sind sie ausgeführt nacheinander (in 1 Thread), Just hinzuzufügen.. ein Breakpoint zur ersten Zeile von jedem, und Sie können Schritt für Schritt von dort gehen – Gavriel

+0

eigentlich sogar Ihre Vorgehensweise sollte IMHO arbeiten.Versuchen Sie es: Wenn Sie auf Ihrer 1st gestoppt Linie, gib in deine Konsole eine Variable ein. Ich bin mir ziemlich sicher, dass es immer noch undefiniert ist, denn obwohl die Netzwerkschicht es wahrscheinlich heruntergeladen hat, wurde das Javascript noch nicht ausgewertet. Wie Sie Schritt für Schritt gehen, sollten Sie in der Lage sein, es Zeile für Zeile bewertet zu sehen – Gavriel

+0

Verwenden Sie eine IDE wie PHPStorm, Netbeans, etc ... oder verwenden Sie Firebug auf Firefox, Chrome Developer Tools und einige Internet Explorer Developer Tools als gut – Joberror

Antwort

2

Wenn Sie Chrome Entwickler-Tools verwenden:

  1. lassen Sie die Website laden
  2. ein Bruchstelle an der Eintrittsstelle des js Put. (Wenn Sie nicht wissen, wo das ist, aber einen Stützpunkt am äußersten Umfang jeder der Dateien unter der Registerkarte Quellen.
  3. F5 (aktualisieren Sie die Webseite)
  4. erste Bruchstelle, die getroffen wird, ist Ihr Eintrag Punkt F11 -. Schritt in, F10 = Schritt über

hoffe, das hilft

+0

hat das funktioniert? Bitte akzeptieren Sie die Antwort, wenn dies der Fall ist. – Stumpy7