Chrome 開發工具：臨時關閉事件

Question

我有一個帶有組件的復雜 SPA，它在單擊時執行一些 DOM 操作。

如何使用 chrome 開發工具（默認為Ctrl + Shift + C ）檢查該組件的 DOM 而不引發任何事件（在操作前查看 DOM）？

Answer 1

開發者控制台的右側提供了更多控件。 您可以單擊所需的 DOM 元素，然后選擇“事件偵聽器”來跟蹤元素的事件偵聽器的構建（無需添加任何偵聽器），或者添加 DOM 斷點（通過右鍵單擊元素並選擇何時中斷) 並使用DOM Breakpoints選項（在右側菜單中）。 希望這有幫助