Chrome developer tools - Network - how to filter only POST and PATCH requests?

前端 未结 3 1448
北恋
北恋 2021-01-31 13:54

In Chrome browser - Chrome developer tools - Network - I can show only POST requests by putting \"method:POST\" in the Filter editbox. What filter should I use in order to see b

相关标签:
3条回答
  • 2021-01-31 14:39

    Like me, I'm guessing many people came to this thread and don't necessarily need to filter to both POST and PATCH. That said, you can just use the filter like this to filter to POST requests:

    On the Network Tab, in the filter box, type in:

    method:POST
    
    0 讨论(0)
  • 2021-01-31 14:42

    Unfortunately, you can't filter on multiple HTTP methods, or multiple pre-defined filters in general, such as using both method and domain.

    You also can't mix a pre-defined filter and a normal text based one, as I discovered when answering How to filter by both text and property in Chrome DevTool's network panel?

    You will have to filter one at a time, or alternatively if there's a lot of requests, you could export the HAR and filter based on the JSON output. I gave an example of parsing the JSON here if that helps.

    0 讨论(0)
  • 2021-01-31 14:45

    Filter option is quite powerful but it's limited to only using AND (conjunction). So simple workaround would be to use negatives... For instance in your case you could create filter like this:

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

    This should filter out most of the requests. If you have other offending HTTP verbs you can easily add them.

    0 讨论(0)
提交回复
热议问题