Un nuevo panel, pensado para GraphQL
Una nueva pestaña en Chrome DevTools que muestra la información que necesitas. Utilizando la interfaz que ya conoces.
Todas tus peticiones van al mismo endpoint
Solo podías ver una lista de POST /graphql con estado 200. GraphQL Network te enseña lo que realmente te interesa
El error de la tercera petición solo aparece si abres su respuesta.
Nombre de operación, tipo y errores de un vistazo.
Consulta, variables y archivos en una sola vista
La pestaña Carga separa la operación de sus variables y de los archivos adjuntos, con resaltado GraphQL.
1 mutation UploadFavicon($file: File!) {
2 uploadFavicon(file: $file) {
3 name
4 size
5 __typename
6 }
7 }file: nullAnaliza cada milisegundo
El desglose separa cada apartado de la petición. Si la espera domina, el problema está en el resolver.
Subscriptions sobre WebSocket y SSE
Cada mensaje enviado y recibido aparece en orden, con su hora y su tamaño. La conexión sigue abierta mientras la subscription esté activa.
Nada de aprender nuevas herramientas
La interfaz reproduce la de Chrome DevTools: filtros, cascada, panel de detalle y pestañas en el mismo sitio. Abres DevTools y empiezas a depurar.
Disponible en Chrome Web Store
Reduce tu fricción con GraphQL y comienza a utilizar herramientas que faciliten tu trabajo.
Ir a Chrome Web Store