使用Chrome開(kāi)發(fā)者工具的DOM斷點(diǎn)功能可以讓您快速找到修改了某一個(gè)DOM元素的Javascript代碼。

在Chrome開(kāi)發(fā)者工具里，選中想要監(jiān)控的DOM元素，點(diǎn)擊右鍵，選擇Break on->Attributes modifications:

之后在DOM Breakpoints的tab里能看到對(duì)應(yīng)的斷點(diǎn):

然后回到Chrome里繼續(xù)操作，Chrome開(kāi)發(fā)者工具的調(diào)試器就會(huì)自動(dòng)在DOM的屬性發(fā)生變化的地方停下來(lái):

從調(diào)試器的調(diào)用上下文能了解到是下圖第17行的hide方法設(shè)置了display:none的屬性導(dǎo)致DOM斷點(diǎn)的觸發(fā)。

要獲取更多Jerry的原創(chuàng)技術(shù)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

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

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