如何使用firebug调试javascript和jquery

Question

我刚刚安装了firebug，并希望在触发时查看和调试jquery和javascript方法。

假设单击按钮时将调用jquery函数。当站点很大并且页面包含许多js文件时，很难指出将调用哪个函数以及它被定义的位置，因为人们以不同的方式附加按钮事件。我的意思是该事件基于css在某个时候被附加。所以有时我只是无法找出将要调用的方法。

所以请给我一些提示，以便我可以在运行时查看这些函数调用和函数体，无论它在何处定义。感谢。

Answer 1

您可以尝试使用FireQuery。来自网站：

  

  
• jQuery表达式在Firebug Console和DOM检查器中智能显示
  
• 附加的jQuery数据是一等公民
  
• jQuery集合中的元素在悬停时突出显示
  
• jQuerify：允许您将jQuery注入任何网页
  
• jQuery Lint：允许您在加载时自动将jQuery Lint注入页面（非常适合特殊代码验证）
  

我已经使用了几次，它使得调试（使用jQuery时）变得更加容易。

修改

使用该插件，您可以查看该元素并查看绑定到它的事件。您的另一个选择是在代码库中搜索标识元素的任何内容（可能是id或css类）。那么你也应该能够看到什么是绑定的。

Answer 2

看看http://firequery.binaryage.com/（FireQuery）。它是FireBug的扩展，允许您查看jQuery调用。我没有那么多使用它，但它可能是你正在寻找的。