我可以以某種方式記錄當前運行的JavaScript功能到Chrome開發者控制檯嗎？

我真的很複雜的頁面有很多JavaScript來修復。它涉及很多功能，我需要找出一個特定的函數，這會觸發拖動Raphael JS對象。我找不出哪一個是。有沒有可能將任何「現在」運行記錄到控制檯？我知道，輸出會很混亂，但我會有機會看到會發生什麼，我用鼠標抓住對象。我可以以某種方式記錄當前運行的JavaScript功能到Chrome開發者控制檯嗎？

來源

2012-11-26 Kokesh

我可能是錯的，但您應該手動使用console.log（）寫入瀏覽器控制檯。

來源

2012-11-26 11:21:17 SubRed

這是正確的答案，但應該注意的是，當console.log（）行在那裏時，頁面將無法在IE中運行。只能用於調試。 – NappingRabbit

所以你建議OP應該把'console.log（）'添加到_every_函數中？ – nnnnnn

@nnnnnn是的，我是。在他需要的每一行代碼中，有沒有更好的方法？ – SubRed

你試過：

console.log(yourObject)

哪裏yourObject是可拖動的元素？

在新的Chrome控制檯中，有深入的對象瀏覽，也許你可以在你的對象原型中找到你想要的東西。

來源

2012-11-26 11:26:07 jonBreizh

如果JavaScript正在執行，按下Developer Tools的Sources選項卡中的Pause圖標將會停止腳本並顯示調用堆棧。

如果您想調試特定事件偵聽器發生的情況（例如在拖放腳本中），您可以通過右鍵單擊頁面元素，選擇檢查元素，然後在元素「選項卡的右列，滾動到底部並查看附加到該元素的事件監聽器。點擊一個特定的監聽器將顯示該監聽器的腳本源，並且您可能可以在該點添加一個斷點。（注意編譯後的腳本可能難以理解）

在調查頁面問題（無論是我自己還是第三方頁面）時，一個技巧是在腳本上大量地散佈斷點，我懷疑按鈕按下時會發生火災等。然後，我打開Developer Tools來操作頁面，這樣當斷點被打中時，斷點將導致調試停止。

其他技巧，如果它是你自己的代碼是使用console.log語句記錄活動到控制檯，或debugger（它們就像軟件斷點）。當然，老派的alert對話框生成語句仍然可以有用。

來源

2012-11-26 11:26:19

我可以以某種方式記錄當前運行的JavaScript功能到Chrome開發者控制檯嗎？

回答

相關問題