google-chrome-devtoolspreflight

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


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 to filter certain requests based on headers ?


Solution

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

    enter image description here

    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.