GraphQL Network by marioferrerofdez (Mario Ferrero Fernández) is a Chrome DevTools extension for inspecting GraphQL network traffic. It adds a dedicated tab that captures queries, mutations and WebSocket subscriptions in real time, letting developers examine variables and server responses. The extension emphasizes filtering, search and timing visualization to target specific operations. It is aimed at web developers, API engineers, and QA testers who need a concentrated GraphQL debugging workspace inside the browser.

What is GraphQL Network used for?

The extension narrows browser network inspection to GraphQL operations so developers can separate those requests from other HTTP traffic. By adding a dedicated 'GraphQL' tab that follows Chrome DevTools UI standards, the extension presents captured operations in a familiar DevTools layout, enabling operation-by-operation review, variable inspection, and verification of server responses without unrelated network entries.

How much memory and overhead does it add during debugging?

marioferrerofdez describes the tool as having a lightweight footprint compared with full-featured IDE extensions, so additional overhead is modest during typical desktop debugging. The extension hooks into DevTools to capture requests rather than spawning external services, which keeps background processes limited. Actual resource impact depends on the page under test, especially when many active subscriptions or large payloads are present.

Does it work with popular GraphQL clients and how does it access data?

The inspector captures traffic at the browser network level, so it is generally platform-agnostic and compatible with clients such as Apollo, Relay, and Urql. Because it reads the same network payloads sent and received by the page, the extension exposes the raw request and response objects seen by the server. That design prioritizes compatibility with how the browser transmits GraphQL operations.

Is it useful for real-time subscriptions and performance debugging?

The tool tracks WebSocket subscriptions and offers message inspection for active streams, which helps observe live event flows during testing. It also includes a waterfall column and timing visualization to aid sequencing and latency analysis, plus request filtering and search controls to locate specific operations quickly. The published roadmap notes planned support for SSE subscriptions and Form Data uploads as future additions.

Clear fit for developers who want an in-DevTools GraphQL inspector

The extension is a practical choice for developers and testers who prefer to keep debugging inside Chrome's developer environment and who need focused GraphQL validation. The trade-off is its narrow scope and Chrome-only design, which means teams needing broad HTTP profiling or cross-browser inspection should use it alongside general network profilers. Use it as a targeted complement to larger performance toolchains.