2013-11-21 31 views
0

我繼承了一個JavaScript應用程序,我試圖瞭解它如何在Chrome中使用分析工作。分析:如何找出方法連接到哪個對象?

Chrome向我提供了執行的方法序列,但我只能看到方法名稱。我怎樣才能找出給定的方法連接到哪個對象?

+0

應該有適當的源代碼的鏈接在「Collect JavaScript CPU」報告的「Function」列中調用該函數的行。 – adamb

+0

@adamb的權利,但只是說'this.theMethod = ...'。我正在試圖找到'這個' – Christophe

回答

1

如果您想在Chrome開發工具中查看特定方法的調用堆棧,您需要在「Sources」面板中設置一箇中斷點。

這裏的整個過程:

  1. 運行「收集的JavaScript CPU」報告
  2. 在功能欄中,單擊右側連接(有問題的功能)跳轉至相應的源代碼行
  3. 設置一個斷點在該行
  4. 重辦腳本(通常通過刷新頁面)
  5. 如果破發點被擊中,調用堆棧將在「源」面板的右側欄呈現
+0

thx。我仍然感到困惑,因爲代碼使用了一個構造函數模式,而且我總是發回給構造函數Function,而不是對象。我會繼續嘗試。 – Christophe

相關問題