Browser developer tools extension for inspecting and debugging Apollo Client GraphQL applications.
Apollo Client Devtools is a browser extension that adds an "Apollo" tab to the developer tools panel for applications using Apollo Client. It provides tools to inspect GraphQL queries, mutations, and the cache, helping developers debug and understand their GraphQL interactions in real-time.
Frontend and full-stack developers building applications with Apollo Client for GraphQL data management, who need to debug queries, mutations, and cache behavior directly in the browser.
It offers a seamless, integrated debugging experience within the browser's developer tools, eliminating the need for external GraphQL clients or manual logging to inspect Apollo Client's internal state and network activity.
Apollo Client browser developer tools.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
The built-in Explorer connects directly to your app's network interface, allowing query testing without additional configuration, as specified in the README.
Inspects active queries and mutations with variables and cached results, enabling easy re-running for debugging, as detailed in the Watched Query and Mutation Inspector features.
Provides a cache inspector that visualizes the Apollo Client cache structure and allows searching by field names or values, aiding in data understanding.
Appears as a dedicated 'Apollo' tab in developer tools, designed for a frictionless debugging experience that mirrors native browser workflows.
Actively supports only the current minor release of Apollo Client, with no support for version 2.x, which can hinder use in legacy projects, as admitted in the README.
Requires passing 'connectToDevTools: true' to the ApolloClient constructor or manually attaching to window for production use, adding extra configuration steps compared to auto-enable in dev.
As a Chrome and Firefox extension, it doesn't support other browsers or non-browser environments like mobile apps, limiting cross-platform debugging.