Apollo Client Developer Tools is a Chrome DevTools extension for the open-source JavaScript GraphQL client, Apollo Client. The extension has 3 main features:
1. A built-in GraphiQL console 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 you apollo-client app data.
4. A cache inspector that displays your client-side Redux store in an Apollo-Client-friendly way. You can explore the state of the store through a tree-like interface, and search through the store for specific field keys and values.
The extension will work with Apollo Client versions 0.5.18 and above! You can learn more about Apollo Client for GraphQL from these resources:
http://dev.apollodata.com/
https://github.com/apollostack/apollo-client
Code for this extension is open-sourced at:
https://github.com/apollostack/apollo-client-devtools
Troubleshooting:
If you aren’t seeing the Apollo tab appear, be sure to check that “connectToDevtools: true” does not need to be added to your Apollo Client configuration.
Still having issues? Please open an issue here: https://github.com/apollographql/apollo-client-devtools/issues.
I don’t even leave reviews for things, but this plugin hardly works. It’s great when it actually opens a tab in the dev tools, but it’s pretty useless 90% of the time.
its not working
It has it’s quirks, but overall an extremely useful extension
First impressions:
– Seems to work fine (although first I thought it wasn’t, but apparently you need to restart the browser after the installation before the tab gets shown in the developer tools)
– The UI would have been okay if would adapt to a dark Chrome theme. Now I can barely read the text.
– The query variables are not showing up. The panel just shows an empty object ({}) which is incorrect. So you have to search in the query details.
With a little extra effort this would be a fantastic plugin.
This is not working. Added the necessary configuration to have the window.__APOLLO_CLIENT__ object available, but the Apollo tab doesn’t catch any queries or mutations.
Rarely works. Sometimes connects but then crashes. Sometimes connects then doesn’t show any queries and shows an empty cache.
I liked it but after upgrading to apollo client 3.2.9 and devtool 2.3.5, cache objects are displayed as flatten structure, there is no collapsible option/down arrow to the object to show less.
Excellent. The easiest tool to test GraphQL endpoints, no setup is needed, it just works. Or it doesn’t, it’s quite buggy, the Apollo tab often doesn’t show up in dev tools. But when it does, it’s perfect
Hardly ever connects when using Create React App
Doesn’t appear to work for:
React ^16.13.1
SilverStripe. ^4.0
Chrome version: Version 87.0.4280.88 (Official Build) (64-bit)
Buggy and not reliable ! Cache updates are not reflected correctly! Lost hours debugging due to false data shown by this tool!
Could be useful, but NEVER works
Doesn’t show up in the developers tools
Thanks for fixing Local State!! 🙏
https://github.com/apollographql/apollo-client-devtools/pull/286
Does not work
You rather think there is no developer tool for the apollo client.
Installed but not avail in dev tools
Used to work and was great, but no longer shows up!
This Chrome extension is absolutely unusable! The idea is great but the implementation sucks. It super unstable and crashes all the time you try to do any debugging with it. Please fix this tool and make life easier for you customers, Apollo team!
Does not work at all. Tried everything even did a fresh install on Firefox. Was really looking forward to using this tool
Not Working
OK, you can reload frame to see the current cache, but what do you do when your debugger is paused? Pretty useless.
It doesn’t work
Maybe I’m doing something wrong, but I’ve spent the last hour just trying to make this work. Nothing useful shows in the Cache or Queries pages. Using apollo-client 2.6.10 and apollo-client-devtools 2.3.1. I also tried adding connectToDevTools: true, just to see if that made a difference. It’s a great concept, but I can’t seem to make it work 🙁