Adds apollo inspector devtools to Google Chrome
Apollo Inspector Extension
Apollo Inspector is a Chrome extension designed to facilitate debugging of GraphQL operations within the open-source GraphQL client, Apollo Client.
## Purpose
The tool is indispensable for diagnosing a multitude of issues that may arise during GraphQL operations within Apollo Client. It provides insights into various aspects of operations, aiding in efficient debugging and optimization efforts.
## What kind of issues can be debugged using the tool
1. Identification of unwanted operations triggered during the render phase.
2. Diagnosis of reasons behind multiple re-renders of the same watch query.
3. Resolution of issues stemming from conflicting queries.
4. Presentation of field names in case of missing field errors.
5. Detailed time information to assess query execution patterns, including adherence to the Waterfall model.
6. Detection of delays in data being written to the cache.
7. Insight into the causes of operation failures.
## Key Features
1. Comprehensive Tracking: Tracks all types of operations including Query, Mutation, Subscription, and more.
2. Detailed Information: Provides essential details for each operation, such as name, type, execution status, fetch policy, execution time, queuing time, and result size.
3. Filtering Options: Filters available for efficient operation list management based on type, results source, and status.
4. Affected Queries View: Clear visualization of operations responsible for re-rendering queries.
5. JSON Data Copy: Ability to copy operation data in JSON format.
6. Cache: Copy or evict apollo client cache.
## Usage Instructions
To enable the Apollo Inspector extension:
1. Single Apollo Client Instance: If your web app has a single instance of Apollo Client, attach it to the `__APOLLO_CLIENT__` variable on the window object.
2. Multiple Apollo Client Instances: If your web app has multiple instances of Apollo Client, create an array (ClientObject[]) containing all instances and attach it to the `__APOLLO_CLIENTS__` variable on the window object.
For comprehensive guidance on how to use the extension, refer to the [official documentation](https://github.com/jpsahoo14/apollo-inspector-ui/blob/main/extension/readme.md).
Source Manifest.json
Similar Extensions
GraphQL DevTools 125 7 ★ 521KiB
Apollo Tracing 125 2 ★ 97.43KiB
Apollo Client Devtools 125 266 ★ 490KiB
Querio - GraphQL and HTTP requests inspector 125 8 ★ 2.1MiB
Apollo Lead Scraper by TaskAGI 125 2 ★ 16.95KiB
GraphQL developer tools 125 24 ★ 98.19KiB
Graphql-devtools 125 2 ★ 1.57MiB
GitHub S&M Blocker 125 5 ★ 147KiB
Lage 125 4 ★ 184KiB
writer.ai - Powered by ChatGPT 125 1 ★ 4.4MiB
DealMatch - Facebook Marketplace Deal Finder 125 10 ★ 13.49KiB
Wondrful: AI meeting summary and automation 125 0 ★ 241KiB
Password Generator 125 0 ★ 107KiB
GraphQL Network Inspector 125 123 ★ 8.34MiB
GraphQL state 125 0 ★ 1.16MiB
Social Media Analyzer 125 1 ★ 166KiB
Manifest Viewer 125 1 ★ 217KiB
Signadot 125 1 ★ 388KiB
Graphql Query Generator 125 5 ★ 1.9MiB
Live.VKvideo - Now 125 14 ★ 40.09KiB
Tiktok Finds 125 0 ★ 2.25MiB
Bundlephobia Web Extension 125 1 ★ 14.74KiB
Social Switch: Anonymous Instagram and TikTok 125 2 ★ 16.97KiB
Fiverr Gig Favourite Exchange Sheep 125 3 ★ 1.32MiB