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

Asi*_*K T 17 javascript ajax google-chrome google-chrome-devtools

我想chrome developer tools在启动后取消ajax请求.例如,我想测试我的回退消息是否正确显示.我可以设置No throttlingOffline所有调用都会失败,但我只想测试一个API失败,以进行调试.

开发者工具

我知道我可以使用abort()方法,(我可以通过JavaScript来实现).我不想只为这个需要触摸代码.

replay XHR右键单击API 有一个选项,它会很棒,有abort XHR相同的方式.但事实并非如此.

小智 8

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

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


Asi*_*K T 6

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

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

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

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

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

阻止请求的屏幕截图

  • 阻塞请求与取消挂起的请求无关。 (52认同)