jquery - 在对话框中调试 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 的 firebug。)

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

<小时/>

更新 发表评论并更新问题后。

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

一个麻烦的替代方案是对您想要调试的部分使用console.log(..)。