確定頁面上發生操作後元素內哪些元素髮生了更改？

Question

我正在嘗試在網站上反向工程某個功能，並且我試圖追蹤某個按鈕被按下時發生的事件（添加類或更改的屬性）。我在代碼中找不到任何相關的代碼，因此有可能通過Chrome開發工具在瀏覽器中查看此代碼嗎？

Answer 1

根據您要採取的操作，您可以爲DOM修改或事件偵聽器設置自動斷點。作爲覆蓋on the developers.google.com：

要設置DOM變化斷點：

• 點擊devtools的元素標籤。
• 轉到要設置斷點的元素。
• 右鍵單擊元素。
• 將鼠標懸停在上歇然後選擇子樹的修改，屬性修改，或節點去除。

文章還涵蓋了所有其他可能自動斷點設置的可能性，所以一定要檢查它的其餘部分出來爲好。