Cómo filtrar (ocultar) las solicitudes previas al vuelo en mi red de herramientas de desarrollo

117

Normalmente se muestran ambas llamadas, la previa al vuelo y la solicitud real. Esto a veces resulta molesto. ¿Hay alguna forma de ocultar las solicitudes previas al vuelo?

¿O hay un complemento para filtrar ciertas solicitudes según los encabezados?

cors google-chrome-devtools John Smith
fuente
Tenga en cuenta que no quiero evitar las solicitudes previas al vuelo, solo quiero ocultarlas de las herramientas de desarrollo.
John Smith

Respuestas:

272

La forma más rápida de hacer esto es filtrar -method:OPTIONS.

ingrese la descripción de la imagen aquí

Explicación: todas las solicitudes previas al vuelo se realizan a través del método HTTP OPTIONS (opuesto a POST o GET). Este filtro dice "no OPCIONES de método".

Tenga en cuenta el guión inicial porque si lo olvida, solo mostrará las solicitudes previas al vuelo.

Rick Hanlon II
fuente
24
Este es el número 8 en mis mayores frustraciones en el desarrollo 🤓 ¡Gracias!
Adrian Lynch
80
El equipo de Chrome debe agregar una casilla de verificación para ocultarlos. Esta es una característica importante para evitar el ruido.
Toque el
3
@Toque ¡Estoy de acuerdo! ¿Hay algún lugar para votar por esto?
user2078023
5
No solo esto, el equipo de Chrome debería permitirnos definir un filtro personalizado que realmente se recuerde en todas las sesiones, pestañas, etc. De esa manera podemos bloquear las solicitudes de socket a cosas como BrowserSync, Intercom y Stripe también, que solo crean ruido en el momento.
Adam Reis
5
Hay una solicitud de función para conservar los filtros después de volver a abrir DevTools, consulte este enlace . -method:OPTIONSDestaque si está cansado de escribir cada vez que abre DevTools.
lagoman