如何查看当前正在执行的javascript代码?

时间:2010-02-14 20:08:59

标签: javascript jquery firebug

使用firebug我只知道如何查看调用的ajax文件。

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

是否有可能看到在点击某个元素时使用了哪些javascript代码,以防您忘记了是否有事件处理程序或其他javascript代码与它相连?

4 个答案:

答案 0 :(得分:17)

您可以在Firebug中使用分析器。转到“控制台”标签,然后点击Profile旁边消息区域上方的Clear。它会说分析器正在运行。再次点击Profile按钮,您会看到有关调用哪些函数以及每个函数花费了多少时间的报告。

如果您正在使用像jQuery这样的库,那么输出可能不那么清晰,因为它会显示大部分时间花在库中的函数上(即F(),init(),dimension()等) )。它会显示每个函数定义的文件,因此您可以忽略库中的文件(除非您正在寻找它)。

如果您使用的是匿名函数,则可以为它们提供名称以便它们显示在探查器中 - 请参阅this article以获取详尽的(可能是太彻底的)解释。

答案 1 :(得分:4)

使用断点..

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

答案 2 :(得分:0)

你应该看看Eventbug(它需要Firefox 3.6,一些文档是旧的):

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

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

答案 3 :(得分:0)

只需添加'调试器;'在你的onclickevent,并快乐调试它。

*重要提示:您必须打开萤火虫面板并重新加载页面