2013-05-13 29 views
0

這是爲了調試目的,以便找到代碼的哪一部分創建/修改元素。JS事件一旦元素被添加到DOM?

有沒有一種方法來設置指定一次ID斷點IR回調事件/ CLASS元素被添加/修改?

當然可能有另一種方式,所以也想聽到這一點。

+0

一個jQuery插件'livequery'通常用於這個。 – Arindam 2013-05-13 10:52:21

+0

檢查器不能用於監視DOM元素的創建/刪除。 – Arindam 2013-05-13 10:52:53

+1

我正在建議新的(ish)'MutationObserver'對象([DOM4](https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#mutation-observers),[ MDN](https://developer.mozilla.org/en-US/docs/DOM/MutationObserver?redirectlocale=zh-CN&redirectslug=DOM%2FDOM_Mutation_Observers))某些瀏覽器支持(Chrome 18+,Firefox 14+和Safari 6) +)。但正如Rob W在我現在刪除的答案中指出的那樣,你從MutationObserver獲得的回調是異步的,所以你不能打破它。 :-( – 2013-05-13 11:03:37

回答

1

隨着DevTools,這是不可能得到確切的解決方案,但你可以嘗試這樣的變化:

  1. 調出DevTools(按Ctrl + Shift + I),切換到元素面板。
  2. 右鍵單擊所需的上下文(父級)元素。
  3. 在上下文菜單中,選擇Break on... - Subtree Modifications

就像它說的那樣,DevTools將破壞修改上下文元素後繼節點的代碼。您也可以使用類似的方式設置斷點,該斷點將在上下文元素刪除時中斷。

+0

謝謝,我使用這種方法,但它不適用於我和我的js/ajax沉重的應用程序:( – 2013-05-13 11:12:07