如何查看当前执行的JavaScript代码？

Question

使用Firebug，我只知道如何查看调用了哪些ajax文件。

我有一个绑定在链接元素上的jQuery鼠标单击事件处理程序。

如果您忘记了是否将事件处理程序或其他JavaScript代码与其耦合，是否有可能查看点击元素时使用的JavaScript代码？

- ajsie

Answer 1

您可以使用Firebug中的分析器。转到“控制台”选项卡，单击消息区域上方的Profile，旁边是Clear。它会显示分析器正在运行。再次单击Profile按钮，您将看到有关调用哪些函数以及每个函数花费了多少时间的报告。

如果您使用像jQuery这样的库，则输出可能不太清晰，因为它会显示大部分时间都花费在库的函数上 (即F()、init()、dimension()等)。但是，它将显示定义每个函数的文件，因此您可以忽略库中的函数(除非这正是您要查找的内容)。

如果您使用匿名函数，可以为其命名，以便它们显示在分析器中 - 可以参考这篇文章进行详细解释。

- JAL

---

请注意，这段内容对于Firebug来说已经相当过时了 - 现在所有的浏览器都有内置工具。 - JAL

Answer 2

使用断点 ..

参考资料: http://getfirebug.com/javascript

- Gabriele Petrioli

Answer 3

你应该看一下 Eventbug（它需要 Firefox 3.6，部分文档已过时）：

Downloads: http://getfirebug.com/releases/eventbug/1.5/

一些背景信息： http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/

- sroussey

Answer 4

只需在您的onclick事件中添加“debugger;”，然后愉快地进行调试。

*重要提示：您必须打开Firebug面板并重新加载页面。

- Fabiano Soriani