有没有办法确定哪个JavaScript文件包含事件处理程序？

Question

这个问题困扰了我一段时间，我相信有某种技术上的限制阻止了这种可能性，但是是否有一种方法可以找到与按钮链接的Javascript文件？

因此，当我按下提交按钮并触发Javascript事件时，我需要找到被触发的代码，而不是在html头部遍历每个链接来查找。

"jQuery('submitBtn').click(..."

我使用Firebug和Chrome的控制台。

- RonnyKnoxville

---

你可以使用 fireDiff 工具 https://addons.mozilla.org/fr/firefox/addon/firediff/。 - mgraph

“断点”是你的好朋友。它们可以在Chrome/Safari、Firefox和Opera中使用。 - c69

@c69 我不确定它们在这里能否很好地工作，因为通常你会在源代码中设置断点。所以如果需要首先找到处理程序的源代码，那么你就会遇到先有鸡还是先有蛋的问题。 - Andrzej Doyle

Answer 1

你可以使用 Visual Event 2，它可以告诉你源文件和行号（我认为它在Chrome上有效）。

Visual Event是一个开源的Javascript书签工具，它提供了有关附加到DOM元素的事件的调试信息。Visual Event显示：

- 哪些元素附加了事件 - 附加到元素的事件类型 - 触发事件时将运行的代码 - 附加函数定义的源文件和行号（仅限Webkit浏览器和Opera）

- Nicola Peluchetti

---

+1。这是一个很棒的工具，我甚至没有意识到它在Chrome中提供了行号（比在ffx中更好，在那里它会给你函数的文本，然后你可以用它来搜索行）。 - wheresrhys

+1 这非常棒。节省时间，尽管它似乎永远无法找到包含代码的定义。 - RonnyKnoxville

@JackalopeZero 在 Chrome 上告诉我文件和行数。 - Nicola Peluchetti