在对话框中调试jQuery代码

Question

我使用的是Chrome最新版本（8.0.552.215）。

我有一个带有超链接的网页，当点击它时，打开一个jquery对话框并进行返回HTML标记的ajax调用。 ajax调用，成功后，将返回的标记添加到对话框中。

返回的标记还包含一些要在$(document).ready()上执行的jquery代码。

如何在对话框中调试该代码？

修改

我已根据@Gaby回答

将debugger;指令添加到我的脚本中

$(document).ready(function () {
    $("#myTabs").tabs();

    debugger;

    var auth = "<% = Request.Cookies[FormsAuthentication.FormsCookieName]==null ? string.Empty : Request.Cookies[FormsAuthentication.FormsCookieName].Value %>";

但不幸的是，当调试器在指令处停止时，我无法看到正在执行的代码

Answer 1

在代码中设置debugger;指令以在特定点调用调试器。 您需要打开开发人员工具： Ctrl + Shift + j

（为了将来的参考，请记住这也适用于firefox for firefox。）

查看http://www.nsbasic.com/app/technotes/TT10.htm#tracing

---

<强>更新 在评论和更新问题之后。

我认为您不能在调试器中显示代码，因为它在内存中。

繁琐的备选方案将使用console.log(..)作为您要调试的部分。