Chrome开发者工具 - 网络 - 如何仅过滤POST和PATCH请求？

Question

在Chrome浏览器中 - Chrome开发者工具 - 网络 - 我只能通过在"过滤器"编辑框中输入"method:POST"来显示POST请求.我应该使用什么过滤器来查看PATCH和POST请求？

谢谢

Answer 1

过滤器选项非常强大,但仅限于使用AND(连接).如此简单的解决方法是使用底片...例如,在您的情况下,您可以创建这样的过滤器:

-method:GET -method:OPTIONS -method:PUT

这应该过滤掉大多数请求.如果您有其他违规的HTTP动词,您可以轻松添加它们.

令人惊讶的是，这也适用于Firefox！（我使用的是ver 58）。 (2认同)
这很棒，我会在这里添加一个 [reference](https://developers.google.com/web/tools/chrome-devtools/network/reference)，因为还有很多其他有用的选项。另一个提示是：在过滤器字段中只输入`-` - 你会看到所有选项（不过，如果你正在寻找“积极”过滤，请在之后删除`-`） (2认同)

Answer 2

像我一样，我猜很多人都来过这个帖子，不一定需要过滤到 POST 和 PATCH。也就是说，您可以使用这样的过滤器来过滤 POST 请求：

在“网络”选项卡上的过滤器框中，键入：

method:POST

Answer 3

不幸的是，您不能对多个 HTTP 方法或多个预定义的过滤器进行过滤，例如同时使用method和domain。

您也不能混合使用预定义的过滤器和基于普通文本的过滤器，正如我在回答如何在 Chrome DevTool 的网络面板中按文本和属性过滤时发现的那样？

您必须一次过滤一个，或者如果有很多请求，您可以导出 HAR 并根据 JSON 输出进行过滤。如果有帮助，我在这里举了一个解析 JSON 的例子。