如何查找单击按钮时激活的脚本？

Question

假设我在网页上有一个按钮，我想找到单击按钮时被撤销的功能。如何在Chrome开发人员工具中找到此脚本？

Answer 1

在Chrome调试器工具中，请转到来源标签。在极右侧，您会看到列出观看，调用堆栈，范围等的列表。如果您展开事件监听器断点，您将看到您可以设置断点的事件侦听器列表。

展开鼠标事件监听器，选择单击，然后继续单击按钮。它应该达到突破点。

希望它有所帮助！

Gideon编辑：Blackboxing

使用事件侦听器断点时，您可能会发现自己正在使用库事件处理程序。您可以通过右键单击并选择“Blackbox脚本”来避免每次都进入这些步骤。如下所示：

Answer 2

您可以使用ctrl + shift + j打开chrome dev工具并转到来源标签。在那里，您可以看到页面正在使用的所有脚本。您可以放置​​断点以确定事件何时发生，并可以使用ctrl + f查找特定内容（即按钮ID，类）。