javascript - 捕获 onClick 上执行的特定 Javascript 代码

Question

我正在开发一个包含大量遗留 Javascript 和 jQuery 的网站，并且没有文档来显示何时发生的情况。

我有一个特定的问题需要解决，但我找不到单击按钮时正在执行的相关代码。为了让我免于搜寻(并理解)数百行遗留脚本，是否有一个功能(可能在 Firebug 中)可以识别当我单击按钮时正在执行什么脚本？

Answer 1

我相信 Firebug 的控制台窗口中有一个名为 Profile 的功能。单击个人资料，单击 按钮，然后再次单击个人资料。它应该告诉你当时所有函数的名称。请注意，如果此代码包含 jQuery，您可能会得到一长串函数，因为 jQuery 在其代码中使用了大量函数。不幸的是，探查器还会显示匿名函数，这确实很痛苦。

否则，请在代码中搜索按钮的类或 ID 并浏览它们。如果您的 ID 为 fancy，那么您可以在代码中搜索 #fancy 并尝试找到它。至少，这可能会引导您走向总体方向。