如何在Firebug中的外部JS腳本中設置斷點

Question

我可以在嵌入式JS函數中輕松設置斷點，但我沒有看到任何通過Firebug訪問外部JS腳本的方法，除非我碰巧在調試會話期間輸入它們。 有沒有辦法做到這一點，而不必“探索”我的方式進入腳本？

@Jason：這是一個好點，但在我的情況下，我沒有輕松訪問腳本。 我特別談到了我想調試的ASP.Net Validators調用的客戶端腳本。 我可以通過輸入函數調用在調試會話期間訪問它們，但我找不到直接訪問它們的方法。

Answer 1

放置debugger; 在您想要中斷的行上的外部腳本文件中。

Answer 2

要從Firebug中查看和訪問外部JavaScript文件（* .js）：

1. 單擊“腳本”選項卡。
2. 單擊腳本代碼內容窗口上方左上角的“全部”下拉列表。
3. 選擇“顯示靜態腳本”。
4. 單擊現在顯示為“靜態”的右側的下拉按鈕（默認情況下，它應顯示當前網頁的名稱）。 您現在應該看到與當前網頁關聯的文件列表，包括任何外部JS文件。
5. 選擇您感興趣的JavaScript文件，它的代碼將顯示在內容窗口中。 從那里，您應該能夠正常設置斷點。

Answer 3

放“調試器”; line也為Chrome調試器提供了技巧。

Answer 4

單擊左邊距中的行號應該為您創建一個斷點（應該出現一個紅色圓圈）。

所有加載的腳本都應該來自firebug菜單 - 單擊它所說的當前文件的名稱應該顯示下拉列表中的所有文件。

Answer 5

在它們中放置斷點后，您還可以在firebug控制台中按名稱調用它們，並查看任何中間函數的輸出（或逐步執行）。 當主入口點調用許多其他幫助程序函數時，這可以提供幫助，而您實際上只關心這些幫助程序是如何工作的。

話雖這么說，我對ASP.Net驗證器沒有任何了解，所以它可能不適用。