GraphQL Network Inspector

DevTools panel that inspects GraphQL requests and responses.

GraphQL Network Inspector adds a GraphQL tab to Chrome DevTools. Instead of a wall of identical /graphql requests, you see each operation by name, with its query, variables and response side by side. What it does • One row per operation. Batched requests are split, and each operation shows only its own part of the response • Reliable capture. It reads both the DevTools network API and the page's fetch/XHR, so responses that stay "pending" in other tools still show up • Search by operation name, URL, request or response, with regex and invert • Mock responses (Map Local). Answer a chosen operation with your own JSON, status code and delay. Rules apply only to the tab where the panel is open and switch off when DevTools closes. Export and import rules as JSON to share them with your team • Playground. Load a schema by introspection or from a file, browse its docs, and run queries with autocomplete and validation. Headers are saved per origin, and the page's cookies can be sent along • Copy as cURL / Copy as fetch • Recognizes JSON POST, batch, GET, persisted queries (APQ, Relay doc_id), multipart uploads, @defer/@stream and SSE responses • English and Korean UI Privacy Everything stays in your browser. Captured requests live only in the open panel. Mock rules, Playground headers and schemas are saved in chrome.storage.local on your computer. Nothing is sent to the developer or to any third party. After installing or updating, reload the page once so the capture script is attached.