如何在我的开发工具网络中过滤（隐藏）预检请求

Question

通常情况下，预检请求和实际请求都会显示出来，这有时很烦人。是否有一种方法可以隐藏预检请求？

或者是否有基于标头过滤某些请求的插件？

- John Smith

---

请注意，我不想避免预检请求，我只想将它们从开发工具中隐藏。 - John Smith

Answer 1

最快的方法是根据 -method:OPTIONS 进行过滤。

说明：所有预检请求都通过HTTP OPTIONS方法（与POST或GET相对）进行。这个过滤器表示“非OPTIONS方法”。

请注意前导连字符，因为如果您忘记它，您将仅显示预检请求。

- Rick Hanlon II

---

这是我在开发中最大的八大挫折之一。谢谢！ - Adrian Lynch

Chrome团队需要添加一个复选框来隐藏它们。这是一个重要的功能，可以防止干扰。 - Touch

@Touch 我同意！有地方可以投票支持吗？ - user2078023

Chrome团队不仅应该让我们定义一个自定义过滤器，而且还应该记住跨会话、标签页等设置。这样，我们就可以阻止像BrowserSync、Intercom和Stripe等的套接字请求，因为它们目前只会产生干扰。 - Adam Reis

有一个功能请求，希望重新打开 DevTools 后保留筛选器，请参见 此链接。如果您已经厌倦了每次打开 DevTools 都要输入 -method:OPTIONS，请给它点个赞（Star）。 - Mladen

Answer 2

默认情况下，“所有”请求都会显示在网络选项卡中。要查看OPTIONS请求，您可以选择“其他”。要仅查看您的Web API请求，您可以选择“XHR”（它不会显示OPTIONS请求）。

- Chirag

---

这一定是被 ✅ 选择的答案，谢谢。 - Muhammed Albarmavi

不适用于 Firefox。 - Marius

@Marius 也不支持Internet Explorer 3。 - mydoglixu

很遗憾，似乎无法工作 https://i.imgur.com/VAZTl69.png - eduvv

选择XHR + 使用-method:OPTIONS进行过滤在Firefox上有效。 - PotatoesMaster