从 chrome 开发者工具中取消 ajax 请求

Question

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

我知道我可以使用 abort() 方法（即我可以通过 JavaScript 完成）。我不想仅仅为了这个需要而触及代码。

在 API 的右键单击中有一个 replay XHR 选项，以同样的方式有类似 abort XHR 的东西会很棒。但是没有。

原文由 Asim K T 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests

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

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

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

原文由 Asim K T 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我使用了一个简单的技巧。在选项卡中按 F5 后立即按 ESC 。

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

原文由 Mehmet Ali Uysal 发布，翻译遵循 CC BY-SA 4.0 许可协议