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

Cancel ajax request from chrome developer tools

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

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

右击API有个replay XHR选项,如果有abort XHR一样的就好了。但是没有。

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

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

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

所以,在我的例子中,我将 运行 特定 API 的代码块,然后重新 运行。 :)

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

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

chrome 仍然有效的 XHR 请求在加载新答案之前被取消。

  1. 如果您不知道确切的 URL,您可以通过在 Sources 选项卡
  2. 中添加 XHR 断点来调试所有 XHR

  1. 如果您知道需要调试的 XHR URL 的名称或部分,您可以通过单击 (+) 图标将其添加到 XHR。