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

Question

与萤火虫我只知道如何看到什么ajax文件被称为。

我有一个jquery鼠标点击事件处理程序绑定到一个链接元素。

是否有可能在点击某个元素时看到使用的是什么javascript代码，以防您忘记了是否有事件处理程序或其他JavaScript代码耦合到它？

Answer 1

可以使用分析器在Firebug。转到“控制台”选项卡，然后在消息区域上方，Clear旁边单击Profile。它会说探查器正在运行。再次点击Profile按钮，你会看到一个关于调用哪些函数以及每个函数花费多少时间的报告。如果你使用像jQuery这样的库，输出可能不那么清晰，因为它会显示大部分时间花费在库函数（即F（），init（），dimension（），等等）。它会显示每个函数是在哪个文件中定义的，因此您可以忽略库中的文件（除非您正在查找这些文件）。

如果您使用的是匿名函数，则可以为其指定名称，以便它们显示在探查器中 - 有关彻底（可能过于彻底）的解释，请参见this article。

Answer 2

使用断点..

参考：http://getfirebug.com/javascript

Answer 3

你应该看看Eventbug（它需要Firefox 3.6中，有些文档是旧）：

下载： http://getfirebug.com/releases/eventbug/1.5/

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

Answer 4

只需添加“调试程序;”在你的onclickevent，并快乐的调试它。

*重要：你必须打开萤火虫面板并重新加载页面