Apollo Client Devtools

GraphQL debugging tools for Apollo Client.
What is Apollo Client Devtools?
"Apollo Client Devtools" is a Chrome extension that provides a suite of debugging tools specifically for Apollo Client, a popular GraphQL client. It features a built-in Apollo Studio Explorer for making direct queries, a query watcher for active queries, a mutation inspector to track data mutations, and a cache inspector for exploring the Apollo Client cache in a structured manner. It's an essential tool for developers working with Apollo Client based applications.

Extension stats

Users: 200,000+
Rating: 2.64 (266)
Version: 4.18.14 (Last updated: 2024-11-20)
Creation date: 2020-06-02
Risk impact: Moderate risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 3
Size: 500.74K

Other platforms

Apollo Client Devtools (v4.18.14)
3.93 (29) 7,675+
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Apollo Client Devtools is a Chrome extension for the open-source GraphQL client, Apollo Client. This extension has 4 main features:

  1. A built-in version of the Apollo Studio Explorer that allows you to make queries against your GraphQL server using your app's network interface directly (no configuration necessary).

  2. A query watcher that shows you which queries are being watched by the current page, when those queries are loading, and what variables those queries are using.

  3. A mutation inspector that displays the mutations made to your Apollo Client application data.

  4. A cache inspector that displays your Apollo Client cache data. You can explore the cache through a tree-like interface, and search for specific field keys and values.

Code for this extension can be found at: https://github.com/apollographql/apollo-client-devtools

Any bugs can be reported by opening a new issue at: https://github.com/apollographql/apollo-client-devtools/issues/new

To learn more about Apollo, see: https://www.apollographql.com

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Works like a charm
  • Installed in Edge, refreshed the page... and can now see queries, execute them in a useful dev environment.
  • Works perfectly fine with Chrome version 120 after setting connectToDevTools to true in ApolloProvider.js.
Cons
  • Does not work with Apollo Client 3.9.2 and other versions, fails to discover GraphQL.
  • Mixed response on whether queries/cache populate, sometimes not working at all.
  • Generates uncaught runtime errors and causes issues with app functionality.
Most mentioned
  • Does not work at all or fails to show in the UI.
  • Users experiences conflicting results depending on settings or app environments.
  • Running into TypeErrors and crashes affecting app performance.
Recent reviews
by John Linatoc, 2024-10-29

Perfect
by Aurora Apps, 2024-08-10

Works like a charm
by Andrew Bonifacio, 2024-08-01
View all user reviews

Extension safety

Risk impact

Apollo Client Devtools requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

Apollo Client Devtools is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Apollo Client Devtools: