2012-04-16 21 views
5

Ogólnie wiem jak ustawić punkty przerwania, sprawdzić zmienne, wkroczyć funkcje itp ...Jak asynchronicznie debugować JavaScript? (Wiele skryptów ładowania)

Default.htm składa się z setek skryptów i pustych zastępcze.

Idealnie chciałbym postępować krok po kroku. Ustawianie przerwania w pierwszej linii jak to nie zadziała:

Sample breakpoint

Kiedy krok nad następnym wywołania funkcji jest dawno już minęły (wszystko załadowany).

Chrome Developer Tools

Generalnie jak debugować I asynchronicznie ładowanie skryptów? (linia czasu wyraźnie wskazuje, że ładują się jednocześnie)

Może powinienem użyć proxy HTTP, takiego jak Fiddler? Wiem, jak ustawić prosty punkt przerwania (BPU), a następnie? fiddler breakpoint

Innymi słowy - które zbliżają - How can I debug my JavaScript code? - jest dostosowany do moich potrzeb?

+3

mimo iż są one ładowane symultanicznie, najprawdopodobniej są one wykonywane jedna po drugiej (w 1 wątku), wystarczy dodać.. punkt przerwania do pierwszej linii każdego z nich i możesz krok po kroku stamtąd – Gavriel

+0

w rzeczywistości nawet twoje podejście powinno zadziałać IMHO. spróbuj: kiedy zatrzymałeś się na pierwszej linii, wpisz w swojej konsoli pewną zmienną. Jestem prawie pewien, że nadal jest niezdefiniowany, ponieważ chociaż warstwa sieciowa prawdopodobnie zakończyła jego pobieranie, javascript nie został jeszcze oceniony. Gdy idziesz krok po kroku, powinieneś być w stanie zobaczyć, jak ocenia linię według linii – Gavriel

+0

Używanie IDE, takiego jak PHPStorm, Netbeans itp. ... lub użyj Firebug w Firefoksie, Narzędziach dla programistów Chrome i niektórych narzędziach Eksploratora internetu jako dobrze – Joberror

Odpowiedz

2

Jeśli używasz narzędzi chrom dev:

  1. niech wczytywać strony
  2. umieścić punkt przerwy w punkcie wejścia swoich js. (jeśli nie wiesz, gdzie to jest, ale punkt przerwania w najbardziej zewnętrznym zakresie każdego z plików na karcie Źródła.)
  3. F5 (odśwież stronę internetową)
  4. Pierwszy punkt krytyczny, który zostanie trafiony, to twój wpis punkt F11. - krok do, F10 = krok nad

nadzieję, że to pomaga

+0

czy to działa? Jeśli tak, zaakceptuj odpowiedź. – Stumpy7

Powiązane problemy