如何在Chrome调试器中调试从服务器返回的JavaScript，在Ajax调用后进行调试

Question

我有一个ajax调用，返回一个如下的html视图：

$.ajax({
            url: 'process.php',
            type: 'post',
            data: {
                action: "data",
                view:"data",
            },
            success: function (data) {
                $("#someDiv").html(data);
            }
        });

这个视图包含一些像这样的JavaScript代码：

<script type="text/javascript">
    $(document).ready(function () { 
        var x = $("#something").val();
    });
 </script>

现在，有没有办法在Chrome的调试器中设置断点，以便在var x = $（“something”）.val（）;这一行上进行调试？如果没有，是否有其他方法来调试这种代码？目前我只使用alert（）。

谢谢您的帮助。

- Notaras

---

只需在该行上方添加 debugger;？ - Felix Kling

谢谢，这就是我想要的。通常我通过图形界面而不是编程方式添加断点。 - Notaras

已经有许多答案了，请查看在Chrome中设置XHR断点或者如何调试通过AJAX加载的JavaScript（特别是jQuery）。 - jack-nie

Answer 1

使用调试器

debugger; //this will stop and pause your project
var x = $("#something").val();

- yangli-io