javascript - Chrome 分析 - 如何缩小发生的范围？

Question

场景

我正在对 wordpress 插件 (tagdivcomposer) 进行自定义添加。使用 tagDiv Composer 时，我可以单击一个元素，然后在页面左侧显示一个检查面板。必须有一个事件调度/一些正在运行的代码来显示面板。

问题

使用 Chrome 开发者工具，我如何才能准确查看点击某个元素后运行的代码？

注意事项

我已经记录(剖析)点击一个导致检查窗口打开的元素。我希望对情况进行逆向工程，以便找到启动该过程的事件/代码。

Answer 1

性能配置文件绝对是一种方法，但 DevTools 也有 Event Listener Breakpoints这让你在事件监听器触发时暂停。从那里您可以单步执行代码，一次一行。在这种情况下，您将启用鼠标 类别下的单击 复选框，然后单击文本以触发事件监听器。