从chrome开发人员工具

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”。 Drawer中会弹出一个新的请求阻止选项卡，您可以使用该选项卡管理被阻止的请求。

所以，在我的情况下，我将运行特定API的代码块，然后重新运行。 ：）

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

Answer 2

我有一个简单的技巧。在选项卡中同时按 F5 ，然后按 ESC 。

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