如何在我的Dev Tools网络上过滤(隐藏)飞行前请求

Joh*_*ith 107 cors google-chrome-devtools

通常会显示两个呼叫,飞行前和实际请求.这有时很烦人.有没有办法隐藏飞行前请求?

或者是否有插件根据标头过滤某些请求?

谢谢.

Ric*_* II 247

最快的方法是过滤-method:OPTIONS.

在此输入图像描述

说明:所有飞行前请求都是通过HTTP OPTIONS方法(与POST或GET相对).此过滤器显示"not method OPTIONS".

请注意前导连字符,因为如果您忘记它,您将显示飞行前请求.

  • chrome团队需要添加一个复选框来隐藏它们.这是防止噪音的重要特征. (65认同)
  • 这是我最大的发展挫折中的第8名谢谢! (18认同)
  • @Touch我同意!有地方为此投票吗? (3认同)
  • 不仅如此,Chrome团队还应该让我们定义一个自定义过滤器,该过滤器实际上会在会话,标签等中被记住。这样我们就可以阻止套接字请求到BrowserSync,Intercom和Stripe之类的东西,这只会在时刻。 (3认同)
  • 重新打开DevTools后,有一个功能请求可保留过滤器,请参阅[此链接](https://bugs.chromium.org/p/chromium/issues/detail?id=796893)。如果您每次打开DevTools都厌倦了键入`-method:OPTIONS`,请给它加注星标。 (3认同)
  • 您可以使用逗号添加域名和其他过滤器,例如:"-method:OPTIONS,domain:*.google.com".请在此处查看完整选项:https://developers.google.com/web/tools/chrome-devtools/network-performance/resource-loading#filter_requests (2认同)

Chi*_*rag 23

默认情况下,“所有”请求将显示在网络选项卡中。要查看 OPTIONS 请求,您可以选择“其他”。要仅查看您的 web api 请求,您可以选择“XHR”(不会显示 OPTIONS 请求)。

在此处输入图片说明

  • 不适用于火狐浏览器 (5认同)
  • 这一定是 ✅ 选择的答案,谢谢 (3认同)
  • @Marius 也不适用于 Internet Explorer 3 (2认同)