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

Question

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

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

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

Answer 1

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

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

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

因此，在我的例子中，我将运行特定 API 的代码块，然后重新运行。 :)

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