Un nouveau panneau, pensé pour GraphQL
Un nouvel onglet dans Chrome DevTools qui affiche les informations dont vous avez besoin, avec l'interface que vous connaissez déjà.
Toutes vos requêtes vont vers le même endpoint
Vous ne voyiez qu'une liste de POST /graphql avec le statut 200. GraphQL Network vous montre ce qui vous intéresse vraiment.
L'erreur de la troisième requête n'apparaît que si vous ouvrez sa réponse.
Nom de l'opération, type et erreurs en un coup d'œil.
Requête, variables et fichiers dans une seule vue
L'onglet Charge utile sépare l'opération de ses variables et des fichiers joints, avec coloration syntaxique GraphQL.
1 mutation UploadFavicon($file: File!) {
2 uploadFavicon(file: $file) {
3 name
4 size
5 __typename
6 }
7 }file: nullAnalysez chaque milliseconde
Le détail sépare chaque phase de la requête. Si l'attente domine, le problème se trouve dans le resolver.
Les subscriptions via WebSocket et SSE
Chaque message envoyé et reçu apparaît dans l'ordre, avec son heure et sa taille. La connexion reste ouverte tant que la subscription est active.
Aucun nouvel outil à apprendre
L'interface reprend celle de Chrome DevTools : filtres, cascade, panneau de détail et onglets au même endroit. Ouvrez DevTools et commencez à déboguer.
Disponible sur le Chrome Web Store
Réduisez les frictions avec GraphQL et adoptez des outils qui facilitent votre travail.
Aller au Chrome Web Store