使用 Firebug 调试 jquery 异常答案

【问题标题】：Debugging jquery exception with Firebug使用 Firebug 调试 jquery 异常
【发布时间】：2011-03-21 23:05:19
【问题描述】：

我收到一个 javascript 错误，其源代码行位于 jquery javascript 库中：

uncaught exception: Syntax error, unrecognized expression: #

我知道这个错误是什么：如果您尝试以下操作，通常会发生这种情况：

$('#');

但是，我正在努力调试它。如果我能得到一个堆栈跟踪应该很简单。但 Firebug 拒绝出错或提供堆栈跟踪。

我尝试单击 Firebug 控制台窗格左上角的“错误中断”按钮。我还在控制台菜单下选择了“显示有错误的堆栈跟踪”。但是异常仍然会在没有中断且没有堆栈跟踪的情况下输出。我可以使用 Firebug 中的其他选项...调试此消息的任何技巧？

【问题讨论】：

【解决方案1】：

下载 jQuery 库的开发版本。在 jQuery 函数中，向传入的任何选择器添加一个 console.log 调用。当您收到异常时，打印的选择器列表应该让您找出代码出错的地方。

【讨论】：

【解决方案2】：

调试试试：

console.log("#");

或

console.trace();

它将堆栈跟踪输出到 FB 控制台。

我认为问题在于您正在尝试选择一个空 ID（“#”），这会引发错误。 Jquery 可能正在解析/查找 "" 的 id，它是使用 css 选择器的空字符串。

【讨论】：

【解决方案3】：

您可以尝试使用Javascript Stacktrace 工具（甚至还有书签版本）。您也可以尝试 Safari 或 Chrome 中内置的调试器......当然，除非您的问题是特定于 Firefox 的。

【讨论】：