取消来自 chrome 开发者工具的 ajax 请求答案

【问题标题】：Cancel ajax request from chrome developer tools取消来自 chrome 开发者工具的 ajax 请求
【发布时间】：2016-06-10 12:16:22
【问题描述】：

我想在发起后取消来自chrome developer tools 的ajax 请求。例如，我想测试我的后备消息是否正确显示。我可以将No throttling 设置为Offline，这样所有调用都会失败，但我只想测试一个API 失败，以进行调试。

我知道我可以使用abort() 方法，（即我可以通过JavaScript 做到这一点）。我不想为了这个需要而触碰代码。

在 API 的右键单击中有一个 replay XHR 选项，如果有类似 abort XHR 的类似内容，那就太好了。但是没有。

【问题讨论】：

【解决方案1】：

从 Chrome 59 开始，您可以阻止来自开发者工具本身的网络选项卡的特定请求。

在“网络”面板中右键单击请求，然后选择“阻止请求 URL”。 Drawer 中会弹出一个新的请求阻止选项卡，您可以在其中管理被阻止的请求。

所以，就我而言，我将运行特定 API 的代码块，然后重新运行。 :)

根据评论，这并不是完全取消已经启动的请求，而是通过仅阻止一个请求来检查应用程序在只有一个请求失败时的行为。感谢@Ross Ivantsiv。

【讨论】：

【解决方案2】：

我使用了一个简单的技巧。在选项卡中按 F5，紧接着按 ESC。

Chrome 仍处于活动状态的 XHR 请求在加载新答案之前被取消。

【讨论】：

【解决方案3】：

【讨论】：