DevTools Network Tab hiding Options Requests?

%3CLINGO-SUB%20id%3D%22lingo-sub-1226074%22%20slang%3D%22en-US%22%3EDevTools%20Network%20Tab%20hiding%20Options%20Requests%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1226074%22%20slang%3D%22en-US%22%3E%3CP%3EUsing%26nbsp%3B%3CSPAN%3EVersion%2082.0.446.0%20(Official%20build)%20dev%20(64-bit)%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI've%20been%20working%20getting%20a%20new%20SPA%20%2B%20API%20set%20up%20on%20my%20dev%20box%20and%20noticed%20that%20no%20OPTIONS%20requests%20are%20being%20shown%20in%20the%20Network%20Tab.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ENow%2C%20under%20normal%20circumstances%20I'd%20say%20that's%20fine%2C%20and%20if%20there's%20an%20option%20to%20show%2Fhide%20the%20OPTIONS%20requests%20great%2C%20but%20I'm%20working%20on%20on%20getting%20CORS%20configured%20correctly%20on%20the%20server%20and%20need%20to%20see%20these%20requests%2C%20and%20I'd%20prefer%20to%20do%20it%20without%20needing%20to%20fire%20up%20Fiddler.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EFor%20reference%20attached%20are%20the%20relevant%20sections%20from%20DevTools%20for%20EdgeDev%20and%20Fiddler%20which%20show%20the%20options%20request%20going%20to%20the%20server%20but%20not%20appearing%20in%20the%20Network%20pane%20of%20DevTools.%3C%2FP%3E%0A%3CDIV%20id%3D%22tinyMceEditorGavin%20Barron_0%22%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1372102%22%20slang%3D%22en-US%22%3ERe%3A%20DevTools%20Network%20Tab%20hiding%20Options%20Requests%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1372102%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3251%22%20target%3D%22_blank%22%3E%40Gavin%20Barron%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%3E%0A%3CDIV%3E%0A%3CDIV%20data-tid%3D%22messageBodyContainer%22%3E%0A%3CDIV%20data-tid%3D%22messageBodyContent%22%3E%0A%3CDIV%3E%0A%3CDIV%3E%0A%3CDIV%3EIt%20looks%20like%20this%20is%20a%20CORS%20preflight%20request%20(%3CA%20title%3D%22https%3A%2F%2Fdeveloper.mozilla.org%2Fen-us%2Fdocs%2Fglossary%2Fpreflight_request%22%20href%3D%22https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FGlossary%2FPreflight_request%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FGlossary%2FPreflight_request%3C%2FA%3E).%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3EThe%20OPTIONS%20request%20is%20not%20observed%20by%20the%20page%20and%20is%20required%20by%20cross-origin%20resource%20sharing%20protocol.%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3EThey%20occur%20for%20virtually%20any%20cross-origin%20request%20and%20so%20they're%20probably%20filtered%20out%20(or%20not%20sent%20to%20DevTools%20at%20all)%20because%20they%20would%20create%20a%20lot%20of%20noise.%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%0A%3CDIV%3E%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3EThat%20being%20said%2C%20I%20have%20logged%20the%20request%20to%20show%20preflight%20requests%2C%20and%20I'm%20happy%20to%20hear%20any%20further%20thoughts%20or%20solutions%20you%20would%20like%20to%20see%20implemented.%20%3A)%3C%2Fimg%3E%3C%2FSPAN%3E%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%3C%2FLINGO-BODY%3E
Highlighted
Community Manager

Using Version 82.0.446.0 (Official build) dev (64-bit)

 

I've been working getting a new SPA + API set up on my dev box and noticed that no OPTIONS requests are being shown in the Network Tab.

 

Now, under normal circumstances I'd say that's fine, and if there's an option to show/hide the OPTIONS requests great, but I'm working on on getting CORS configured correctly on the server and need to see these requests, and I'd prefer to do it without needing to fire up Fiddler.

 

For reference attached are the relevant sections from DevTools for EdgeDev and Fiddler which show the options request going to the server but not appearing in the Network pane of DevTools.

 

 

1 Reply
Highlighted

@Gavin Barron 

It looks like this is a CORS preflight request (https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request).The OPTIONS request is not observed by the page and is required by cross-origin resource sharing protocol. They occur for virtually any cross-origin request and so they're probably filtered out (or not sent to DevTools at all) because they would create a lot of noise.
 
That being said, I have logged the request to show preflight requests, and I'm happy to hear any further thoughts or solutions you would like to see implemented. :)