2008-08-28 56 views
25

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

@Jason:這是一個很好的觀點,但在我的情況下,我無法輕鬆訪問該腳本。我正在專門討論由我想調試的ASP.Net Validators調用的客戶端腳本。我可以在調試會話期間通過輸入函數調用訪問它們,但我找不到直接訪問它們的方法。

+0

確定的事情 - 儘管如此,您的具體標題問題意味着您可以訪問外部文件。無論如何,我認爲這個頁面的信息很好,並且可以幫助任何人和每個希望調試外部JS文件的人,無論他們是否在他們的控制之內。 :) – 2010-11-24 22:05:25

回答

21

從內部螢火查看和訪問外部JavaScript文件(* .js文件):

  1. 單擊 '腳本' 選項卡上。
  2. 單擊 腳本代碼內容窗口上方 左上角的'all'下拉列表。
  3. 選擇「顯示靜態腳本」。
  4. 單擊下拉按鈕到 現在說'靜態' (默認情況下,它應顯示您當前網頁的名稱 )的權利。您現在應該看到與當前網頁 相關聯的文件列表 ,包括任何外部JS文件。
  5. 選擇您感興趣的JavaScript文件 ,其代碼將在內容窗口中顯示 。在那裏,你應該可以設置 爲正常的斷點。
2

點擊左邊空白處的行號應該爲你創建一個斷點(應該出現一個紅圈)。

所有已加載的腳本應該可以從螢火蟲菜單中找到 - 點擊它表示當前文件的名稱應該顯示下拉列表中的所有文件。

33

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

+0

謝謝...真的。我欠一個。 – Calvin1602 2010-11-04 10:31:12

+0

沒問題。我很高興聽到它對某人有用,這是我參與的唯一原因 - 幫助人們變得有趣和令人上癮!:) – 2010-11-24 22:06:18

+0

這不再適用於我:\ – 2017-01-26 15:42:12

0

在你放置一個斷點之後,你也可以在螢火蟲控制檯中按名稱調用它們,並查看任何中間函數的輸出(或逐步執行)。當主入口點調用許多其他的幫助函數時,這可以提供幫助,而且您確實只關心這些幫助者的工作方式。這就是說,我不知道任何關於ASP.Net驗證器,所以它可能這不適用。

4

放置「調試器」;線也可以爲Chrome調試器做訣竅。

相關問題