Created by Jerry Wang, last modified on Sep 23, 2014

使用dom breakpoint能快速找到修改了某一個dom element的JavaScript code位于何處。
在Chrome development tool里，選中想要inspect的dom element，右鍵選擇Break on->Attributes modifications:

之后在DOM Breakpoint里能看到對應(yīng)的entry:

點擊Resume script execution，自動在dom attribute發(fā)生變化的地方停下來:

從callstack能得知是jQuery的hide方法設(shè)置了display:none的屬性。

要獲取更多Jerry的原創(chuàng)文章，請關(guān)注公眾號"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的使用dom breakpoint找到修改属性的javascript代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。