Apollo Client Devtools

www.apollographql.com2.6(

251 ratings

)

Overview

GraphQL debugging tools for Apollo Client.

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 To learn more about Apollo, see: https://www.apollographql.com

2.6 out of 5
251 ratings
Google doesn't verify reviews. Learn more about results and reviews.

Sebastian Findling
Oct 16, 2023

It works fine after setting connectToDevTools to true in ApolloProvider.js (Oct 2023)

2 out of 2 people found this helpful

Ярослав Ахромеев
Oct 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

Botond Bertalan
Sep 7, 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

1 out of 2 people found this helpful

Details

Version
4.2.3
Updated
October 5, 2023
Report a concern
Size
413KiB
Languages
English (United States)
Developer
Apollo
140 9th St San Francisco, CA 94103-2603 US
Website
Email
devtools@apollographql.com
Trader
This developer has identified itself as a trader per the definition from the European Union.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

Redux DevTools

4.7(678)

Redux DevTools for debugging application's state changes.

Urql Devtools

5.0(6)

The official Urql chrome extension

Testing Playground

4.6(45)

Simple and complete DOM testing playground that encourage good testing practices.

Immutable.js Object Formatter

4.9(33)

Makes Immutable JS objects more readable when they are logged to the console.

GraphQL developer tools

3.1(24)

Devtools panel for GraphQL development

GraphQL Network Inspector

4.9(86)

Simple and clean network inspector for GraphQL

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision ef8a840bd on 10/25/2023.

GraphQL Playground for Chrome

5.0(8)

Chrome extension for GraphQL Playground

Altair GraphQL Client

4.6(61)

A beautiful feature-rich GraphQL client for all platforms

React Performance Devtool

3.4(11)

A devtool extension for inspecting the performance of React components.

Vue.js devtools

4.4(1.9K)

Browser DevTools extension for debugging Vue.js applications.

React Context DevTool

4.8(19)

Devtool for React Context and useReducer