如何在 ajax 调用 Chrome 调试器后调试从服务器返回的 javascript

Question

我有一个 ajax 调用 returns 一个 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()。

提前致谢

Answer 1

使用调试器

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

如何在 ajax 调用 Chrome 调试器后调试从服务器返回的 javascript

How to debug javascript returned from server after ajax call in Chrome debugger

javascript

debugging

ajax

google-chrome