How to filter (hide) Pre-flight requests on my Dev Tools Network

Question

Normally both calls are shown, the pre-flight and the actual request. This is sometimes annoying. Is there a way to hide the pre-flights requests ?

Or is there a plugin

Answer 1

The quickest way to do this is to filter on -method:OPTIONS.

Explanation: all pre-flight requests are via the HTTP OPTIONS method (opposed to POST or GET). This filter says "not method OPTIONS".

Note the leading hyphen because if you forget it, you'll only show pre-flight requests.

Answer 2

By default "All" requests will be displayed in network tab. To see OPTIONS requests, you can select "Other". To see only your web api requests, you can select "XHR" (which wont show OPTIONS request).