如何在Chrome的元素標籤中設置事件監聽器斷點？

我很努力在動態生成的DOM元素中設置斷點，其中不同的事件處理程序也是從Javascript綁定的。這基本上意味着我有一個不錯的DOM結構，它不是最初接收到的HTTP響應的一部分，它完全建立在客戶端。如何在Chrome的元素標籤中設置事件監聽器斷點？

現在的問題是，Chrome的元素標籤只允許我爲

是否有可能設置莫名其妙地動態創建的DOM元素的動態創建的事件偵聽器中的斷點？（見圖片附後。我想設置斷點到listenerbody）

enter image description here

請注意，我不能使用「來源/腳本」選項卡要麼，因爲它只能說明我最初接收到的靜態HTTP內容響應。而且我無法在'Event Listeners'手風琴中引用的代碼中設置斷點，因爲它只會在事件偵聽器被連接時顯示給我，而不會在它被觸發時顯示！

任何想法？

來源 - >事件偵聽器斷點包含一堆複選框，可以在觸發事件的事件偵聽器時檢查以激活斷點。

2013-04-10 14:44:51

感謝您的想法，但事情是，我不能使用源選項卡我前面所述的原因。任何其他想法？ – 2013-04-10 14:54:18

@CaptainFogetti該功能無需任何資源即可使用。試一試：在控制檯中放入'document.onclick = function（）{};'，按照我的答案中的步驟並單擊文檔。 – 2013-04-10 14:55:21

謝謝！那很棒！我不知道你可以在沒有任何資源的情況下設置這些監聽器斷點...^_^ – 2013-04-10 14:59:12

回答