GraphQL debugging tools for Apollo Client.

Latest Version

Version
4.19.0
Update
December 11, 2024
Size
490KiB
Developer
www.apollographql.com
Category
Users
200,000+
Rating
2.64286 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
See more

Apollo Client Devtools Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "version": "4.19.0", "author": "Apollo", "name": "Apollo Client Devtools", "description": "GraphQL debugging tools for Apollo Client.", "icons": { "64": "images/logo64.png", "128": "images/logo128.png", "400": "images/logo400.png" }, "devtools_page": "devtools.html", "background": { "service_worker": "service_worker.js" }, "web_accessible_resources": [ { "resources": [ "panel.html", "devtools.html", "hook.js" ], "matches": [ "*://*/*" ] } ], "content_scripts": [ { "matches": [ "" ], "js": [ "tab.js" ], "run_at": "document_start" }, { "matches": [ "" ], "js": [ "hook.js" ], "run_at": "document_start", "world": "MAIN" } ], "manifest_version": 3}
Read more

Similar Extensions

icon

GraphQL developer tools Extension · Developer Tools 200,000+ 24 ★ 98.19KiB

icon

GraphQL Network Inspector Extension · Developer Tools 200,000+ 123 ★ 8.34MiB

icon

React Developer Tools Extension · Developer Tools 200,000+ 1576 ★ 1.56MiB

icon

GraphQL Playground for Chrome Extension · Developer Tools 200,000+ 9 ★ 1.36MiB

icon

Altair GraphQL Client Extension · Developer Tools 200,000+ 68 ★ 6.78MiB

icon

React Performance Devtool Extension · Developer Tools 200,000+ 11 ★ 170KiB

icon

Refined GitHub Extension · Developer Tools 200,000+ 213 ★ 572KiB

icon

Vue.js devtools Extension · Developer Tools 200,000+ 2131 ★ 2.57MiB

icon

React Context DevTool Extension · Developer Tools 200,000+ 21 ★ 2.35MiB

icon

Redux DevTools Extension · Developer Tools 200,000+ 726 ★ 1.2MiB

icon

GraphiQL extension Extension · Developer Tools 200,000+ 4 ★ 601KiB

icon

Testing Playground Extension · Developer Tools 200,000+ 60 ★ 646KiB

icon

ChromeiQL Extension · Developer Tools 200,000+ 32 ★ 682KiB

icon

Meteor DevTools Extension · Developer Tools 200,000+ 43 ★ 430KiB

icon

OctoLinker Extension · Developer Tools 200,000+ 110 ★ 184KiB

icon

MobX Developer Tools Extension · Developer Tools 200,000+ 51 ★ 682KiB

icon

DevTools Author Extension · Developer Tools 200,000+ 117 ★ 377KiB

icon

Allow CORS: Access-Control-Allow-Origin Extension · Productivity 200,000+ 279 ★ 78.31KiB

icon

Node.js V8 --inspector Manager (NiMV3) Extension · Developer Tools 200,000+ 97 ★ 582KiB

icon

LiveReload Extension · Developer Tools 200,000+ 808 ★ 60.78KiB

icon

Ember Inspector Extension · Developer Tools 200,000+ 345 ★ 3.49MiB

icon

Localhost Open Graph Checker Extension · Developer Tools 200,000+ 53 ★ 10.26KiB

icon

Octotree - GitHub code tree Extension · Developer Tools 200,000+ 1139 ★ 3.54MiB

icon

LocatorJS Extension · Developer Tools 200,000+ 64 ★ 190KiB

User reviews

icon

Sebastian Findling (ID: 000000d49a27a8e4) Voted 5 ★ - Updated 10/16/2023 It works fine after setting connectToDevTools to true in ApolloProvider.js (Oct 2023)

icon

Ярослав Ахромеев (ID: 0000004aea7a2320) Voted 3 ★ - Updated 10/13/2023 It's working but we have to be able to set the column's width, otherwise it's really hard to use the extension

icon

Botond Bertalan (ID: 000000d9af4a15d9) Voted 1 ★ - Updated 09/07/2023 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

icon

Gio Romanadze (ID: 000000e9b2099fa5) Voted 1 ★ - Updated 07/20/2023 not working

icon

Anatoliy Stukota (ID: 0000005d5c68065c) Voted 3 ★ - Updated 06/23/2023 The advice in the Chrome console is still bothering me, even with the installed Apollo DevTools