Chrome 开发工具：临时关闭事件

Question

I have complex SPA with component which performs some DOM manipulating when clicked.

How can I inspect DOM of this component with chrome dev tools ( Ctrl + Shift + C on default) without raising any events (to see DOM before manipulations)?

Answer 1

The right side of the developer console provides more controls. You can click on the DOM element you want then either choose "Event Listeners" to track the build in event listeners of the element (without you adding any listeners) or alternatively add DOM Breakpoints (by right clicking on the element and choosing when to break) and use the DOM Breakpoints option (on the right side menu). Hope this helps