javascript - 如何使用 firebug 调试 javascript 和 jquery

Question

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

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

所以请给我一些提示，以便我可以在运行时看到那些函数调用和函数体，无论它在哪里定义。谢谢。

Answer 1

您可以尝试使用 FireQuery .来自网站:

• jQuery expressions are intelligently presented in Firebug Console and DOM inspector
• attached jQuery data are first class citizens
• elements in jQuery collections are highlighted on hover
• jQuerify: enables you to inject jQuery into any web page
• jQuery Lint: enables you to automatically inject jQuery Lint into the page as it is loaded (great for ad-hoc code validation)

我已经用过几次了，它使调试(使用 jQuery 时)变得容易得多。

编辑

使用该插件，您可以查看元素并查看绑定(bind)到它的事件。您的另一个选择是在您的代码库中搜索任何标识该元素的内容(可能是 id 或 css 类)。然后您还应该能够看到绑定(bind)的内容。