javascript - 在 Chrome 中的 XHR 中设置断点

Question

我有一个页面，在提交表单时发送 XHR 请求，我希望 Chrome 在收到响应时中断。似乎实现这一点的最佳方法是 Chrome 有一个 javascript 函数，我可以调用该函数来中断执行，但到目前为止我还找不到类似的东西。还有其他解决办法吗？

编辑:

我实际上没有为请求定义回调，所以我无法以这种方式设置断点。 请求是通过这行 jquery 代码发送的:

$.post(this.action, $(this).serialize(), null, "script");

其中 this 是表单元素。 null 参数是您通常定义回调的地方，但是使用 "script" 参数，原始 JavaScript 由服务器返回，然后直接执行，所以它似乎是唯一的中断和单步执行代码的方法是使用 debugger; 语句。这是可行的，但是当单步执行代码时，您实际上无法看到自己在哪一行，因此有点尴尬。我怀疑这是 Chrome 调试工具的限制。

Answer 1

下拉 Chrome 控制台 (ctrl+shift+j) 并输入以下任意内容:

只需重写jquery ajax即可:

var prevajax = jQuery.ajax;
jQuery.ajax = function () { debugger; return prevajax.apply(jQuery, arguments); };

或者如果您不使用 jQuery，请重写 xhr 类:

var prevxhr = XMLHttpRequest;
XMLHttpRequest = function (){debugger; prevxhr.apply(this, arguments);};

中断后，只需按shift+f11，直到找到发起ajax请求的方法。