調試javascript函數

Question

在Firebug（或任何其他調試器）中有沒有一種方法可以查看加載頁面時調用的函數？

編輯：斷點實際上並不是我正在尋找的 - 我希望看到在頁面上工作時傳遞的參數被調用的函數 - 類似於控制檯的東西 - 我可以在哪裏請參閱Http AJAX Post消息 - 使用後值和響應。編輯2：它看起來像Profiler是我正在尋找的東西 - 但有沒有辦法看看傳遞給函數和返回值的參數？

Answer 1

我認爲，如果你想得到比「只使用斷點」更具體的答案，你需要做出更具體的解釋。你知道「代碼分析」是什麼嗎？那是你想要做的嗎？你可以谷歌搜索「firebug profiler」，這裏也有一些關於SO的信息，例如Understanding Firebug profiler output

Answer 2

你總是可以自己打印出來。 （我知道這可能不是你想要的答案。）

但是你可以做的是你的文檔中添加一個

<div id="debug"></div> 

。

然後加：

function log(str) { 
    $('#debug').append(str); // I'm using jQuery here 
} 

然後你就可以在你的JavaScript添加日誌，例如：

function myFunc(foo, bar, baz) { 
    log("myFunc called with ("+foo+", "+bar+", "+baz+")<br/>"); 

    // your stuff 
} 

乏味，但有效（IMO）。

Answer 3

Firebug's console.log statement會將東西轉儲到控制檯，您只需添加console.log語句即可。對於帖子請求和回覆，請使用net panel。就個人而言，我認爲添加一個調試功能和div到你的頁面是矯枉過正的。