使用Firebug调试jQuery

我看过很多关于如何尝试在Firebug中调试jQuery的旧post。 任何人都有一个好方法,因为我根本看不到一个有效的方法。

我认为提问者真的只是想知道如何在一个非常基础的水平上使用该工具,我猜这些答案都没有直接针对他们的问题,这就是他们没有得到绿色检查的原因。 虽然一旦你超越基础,它们中的信息是有用的。 这个Q很老了,原作者可能已经赚了一百万美元,但也许这个答案会让其他人受益。 我自己不太了解,但这就是我所知道的。

您可以使用firebug窗口中的脚本选项卡。 看看顶部你看到控制台htmlcss脚本 DOM等标签。 你想在下面选择脚本标签,在不可思议的小类型中有另一排标签,第一行默认为静态,第二行是所有具有javascript的组件的下拉。 选择要调试的那个并转到其左侧,然后单击要设置断点的行旁边的边距。 那里仍然出现一个红色圆圈。 现在右边有一些箭头可以进入,一步一步等等,而在观察权的右边你可以看到变量。

首先,确保您没有使用jQuery的最小化或打包版本。 调试几乎是不可能的。 接下来,我发现至少有一次步骤是有帮助的,这样你就知道在jQuery代码中设置断点的位置。 您可能还希望打破代码中任何jQuery语句的链接,并将中间结果分配给您可以检查的变量。 除此之外,我和@Chad在一起。 调试基于jQuery的代码时,我没有遇到很多问题。

试试这个插件 。 它专门用于在Firebug中调试基于jquery的javascript。 让您进入链式事件并将其记录到控制台。

您可能还希望使用jQuery文档仔细检查大部分代码。 jQuery代码看起来很诱人,但有一些非常奇怪的编程范例,在没有考虑时会产生有效的噪声。