GraphQL debugging tools for Apollo Client in the Chrome developer console.
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
Latest reviews
- (2023-10-16) Sebastian Findling: It works fine after setting connectToDevTools to true in ApolloProvider.js (Oct 2023)
- (2023-10-13) Ярослав Ахромеев: It's working but we have to be able to set the column's width, otherwise it's really hard to use the extension
- (2023-09-07) Botond Bertalan: Sorry, it does not work, even if I set: connectToDevTools to true. Also when I add it I get 3 build errors: 2 of them are: "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'getObservableQueries')" And the third is: "Unhandled Runtime Error Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering." It is on apple silicon and node v16
- (2023-08-26) Update: it does work, but you have to explicitly set `connectToDevTools: true`, despite the documentation saying this is unnecessary in dev mode. https://www.apollographql.com/docs/react/development-testing/developer-tooling/#configuration
- (2023-07-20) Gio Romanadze: not working
- (2023-06-23) Anatoliy Stukota: The advice in the Chrome console is still bothering me, even with the installed Apollo DevTools
- (2023-06-15) Ben Chen: Was not working for me until I explicitly set `connectToDevTools` to `true` https://www.apollographql.com/docs/react/development-testing/developer-tooling/#configuration Now it's working great in development.
- (2023-05-19) Mathieu Lessard: It works. It doesn't work. It works. It doesn't work. It works. It doesn't work. It is a very good tool. If it was dependable too it would be great.
- (2023-05-12) Denis Senokosov (dennni): It just does not work
- (2023-05-04) Works after installing and then removing and re-installing.
- (2023-04-11) Dominic Bouchard: Doesn't work. No documentation whatsoever. No support/update. What is this?
- (2023-04-01) Katleho Komeke: I downloaded the chrome extension. It's not working. I also downloaded the firefox extension. Also not working. The extension doesn't even show up when you open the dev tools.
- (2023-03-23) Doesn't work and isn't sufficiently documented
- (2023-02-02) Jason Perrone: It doesn't do anything. The Queries tab, Mutations tab and Cache tab are all always blank, 100% of the time.
- (2023-01-26) Furnibay Shop: Doesnt work on Mac OSX
- (2022-12-14) Souvik Basu: Most reviews mention that the extension is not working probably because they are trying to access a live site. It works perfectly well for http://localhost. If not try adding `connectToDevTools: true` property to your ApolloClient instance. The team should have mentioned this properly in the description
- (2022-11-29) Shane Sepac: Doesn't work.
- (2022-10-25) Aaron Hickman: Disappears
- (2022-10-19) Amir Meimari: Congrats guys, this is one of the worst extensions that I have ever seen! 🙌😊
- (2022-10-08) Shashank Mishra: Just Simply Awful! 😊
- (2022-10-06) Harsha Limaye: Would be a very helpful tool IF IT WORKED. Does not show up at all. The cache is always empty unless you refresh the page. Sad times.
- (2022-09-30) Nikolas Honnef: This extension adds A LOT of tracking scripts to every page!
- (2022-08-22) Sadman Sakib: It doesn't work Please don't make useless extension
- (2022-07-24) Robert Komaromi: This extension causes hydration warnings when used on a page with Remix. It also seems to rarely work. Sometimes it will capture and show GraphQL requests, but usually it doesn't.
- (2022-07-23) Un Seen: Useless, it only works when your browser location is https://studio.apollographql.com
- (2022-07-19) n-o-o-n: Nice support for apollo with great overview over queries, cache and even firing your queries manually. Only problem for me, it used to be working in chrome, but now it doesn't seem to register the apollo-client or it's simply broken. Though it works in my firefox.
- (2022-07-06) Sean Kaat: Doesn't work. Also doesn't work in edge (I understand that it's not officially supported)
- (2022-07-06) Josh Bannister: Editing review with greater stars, this is a great tool but I frequently have to uninstall and reinstall for it to appear/function properly.
- (2022-06-06) francis belanger: This never works. I cannot rate it properly I only seen it once. and it is now gone forever. this is the most unreliable chrome extensions.
- (2022-05-28) Slava: Working extension but you have to reopen chrome devtools every single time after the page is loaded. One might get mad doing this constantly
- (2022-05-15) 가출한토토로: It doesn't work right , 탭 1개만 놔두고 작동시키면 된다고 해서 작동은 해봤는데 그 다음 기능들이 제대로 작동이 되는게 없네요..
- (2022-05-11) Marc Giroux: Does not work, i can see the queries for a brief quarter of a second then everything goes blank. Useless.
- (2022-05-03) Jason Harrison Fisher: Totally freaking broken. Apollo Studio opens up and covers critical UI components and buttons.
- (2022-05-02) Joe Longstreet: This is great in concept, but it is so incredibly buggy.
- (2022-02-28) Gerardo Cedeño: No sirve este plugin :S
- (2022-02-24) Clay Gorman: Used to work but doesnt anymore
- (2022-01-18) Kendra Tang: It worked but doesn't work now.
- (2022-01-14) Szilard Dobai: Doesn't work.
- (2022-01-10) Seba Kerckhof: It doesn't work (doesn't show anything in my RCA apollo project)
- (2021-12-07) Shubham Chaurasia: Not working for me
- (2021-11-24) WIMPY: Doesn't actually display anything for me when trying to debug a local React app using Apollo...
- (2021-11-01) Jere Casla: lo que yo no entiendo es porque cuando doy click derecho inspeccionar sobre twitch me dice que descargue esto si alguien sabe porfavor que me responda
- (2021-10-18) Its good, All you need to learn it from youtube or from some where else.
- (2021-10-12) Dmytro Antich: Not working at all
- (2021-10-01) Kris Savoia: Keeps disappearing from Chrome
- (2021-09-26) Brady Edgar: Doesn't work anymore
- (2021-09-24) Lesyk Mahula: always disappears from devtools. relaunching chrome usually fixes this but this is so inconvenient
- (2021-09-20) Matúš Bielik: It would be so useful, but it doesn't work at all. E.g. no queries are intercepted, the extension does nothing.
- (2021-09-14) Pavel Devyatov: Amazing app.
- (2021-09-03) Satish Kumar Narava: Close the whole browser and then open it again to see the Apollo in chrome dev tools :-)
Statistics
Installs
200,000
history
Category
Rating
2.6429 (266 votes)
Last update / version
2024-10-04 / 4.18.9
Listing languages
en-US