2012-04-16 97 views
5

一般來說,我知道設置斷點如何,檢查變量,步入功能等等如何異步調試JavaScript? (許多腳本加載)

的Default.htm由數百個腳本和空佔位符。

理想情況下,我想逐步進行。在這樣的第一行設置斷點不起作用:

Sample breakpoint

當我踏上未來函數調用它早就沒了(一切都已經加載)。

Chrome Developer Tools

一般如何調試異步加載腳本? (時間線清楚地表明它們正在同時加載)

也許我應該使用HTTP代理,如Fiddler?我知道如何設置簡單的斷點(BPU),然後呢? fiddler breakpoint

換句話說 - 哪種方法 - How can I debug my JavaScript code? - 是專爲我的需要?

+3

eventhough他們simultanously裝,他們正在執行一前一後(在1線)最有可能,只需添加。一個斷點到每一個的第一行,你可以從那裏一步一步 – Gavriel 2012-04-16 10:15:51

+0

實際上,即使你的方法應該工作恕我直言。試試看:當你停在你的第一行,在你的控制檯輸入一些變量。我很確定它仍然是未定義的,因爲儘管網絡層可能已經完成了下載,但javascript還沒有被評估。當你一步一步走,你應該能夠看到它逐行評估 – Gavriel 2012-04-16 11:00:49

+0

使用IDE,如PHPStorm,Netbeans等......或在FireFox上使用Firebug,Chrome開發人員工具和一些Internet Explorer開發人員工具以及 – Joberror 2012-04-16 11:01:45

回答

2

如果您使用Chrome瀏覽器開發工具:

  1. 讓網站負載
  2. 在你的js的切入點,把一個破發點。 (如果你不知道它在哪裏,但是在Sources選項卡下的每個文件的最外面的範圍有一個斷點
  3. F5(刷新網頁)
  4. 第一個被擊中的斷點是你的條目點F11 - 步進入,F10 =跨過

希望這有助於

+0

做了這項工作?如果是,請接受答案。 – Stumpy7 2016-05-27 13:30:08