Apollo Client Devtools

GraphQL debugging tools for Apollo Client.

Apollo Client Devtools - GraphQL Debugging Chrome Extension

"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.

Download

Extension stats

By: https://www.apollographql.com

Users: 200,000+

Rating: 2.64

(266)

Version: 4.19.2 (Last updated: 2024-12-19)

Creation date: 2020-06-02

Risk impact: Moderate risk impact

Risk likelihood:

Moderate risk likelihood

Manifest version: 3

Size: 501.76K

Email: de*****@apollographql.com

URLs: Website ,Privacy policy

Ranking

# 1,651 ▼ 2

Other rankings

#6614 in Developer Tools ▼ 17 #105 in query keyword 5 ▼ 5 #116 in cache keyword 10 ▲ #198 in interface keyword 7 ▲ 7 #206 in team keyword 3 ▲ 8

Other platforms

Apollo Fiction Podcasts (v4.2.0)

3.11

(110) 7,544+

Apollo Client Devtools (v4.19.2)

3.93

(29) 7,805+

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

Analyze keywords

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

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).
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.
A mutation inspector that displays the mutations made to your Apollo Client application data.
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.