使用Chrome開發者工具的DOM斷點功能可以讓您快速找到修改了某一個DOM元素的Javascript代碼。

在Chrome開發者工具里，選中想要監控的DOM元素，點擊右鍵，選擇Break on->Attributes modifications:

之后在DOM Breakpoints的tab里能看到對應的斷點:

然后回到Chrome里繼續操作，Chrome開發者工具的調試器就會自動在DOM的屬性發生變化的地方停下來:

從調試器的調用上下文能了解到是下圖第17行的hide方法設置了display:none的屬性導致DOM斷點的觸發。

要獲取更多Jerry的原創技術文章，請關注公眾號"汪子熙":

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。