Apollo Inspector

代码木鱼

概述
#阿波罗督察

Apollo Inspector 是一个 Edge 扩展，旨在促进开源 GraphQL 客户端 Apollo Client 中 GraphQL 操作的调试。

Apollo Inspector 0.0.9.crx	.crx	0.0.9	396.59KiB	支持
Apollo Inspector 0.0.9.zip	.zip	0.0.9	396.59KiB	不支持

## 目的

该工具对于诊断 Apollo Client 中 GraphQL 操作期间可能出现的多种问题是不可或缺的。它提供了对操作各个方面的见解，有助于高效的调试和优化工作。

## 使用该工具可以调试什么样的问题

1. 识别渲染阶段触发的不需要的操作。
2. 诊断同一手表查询多次重新渲染的原因。
3. 解决因查询冲突而产生的问题。
4. 在缺少字段错误的情况下显示字段名称。
5. 用于评估查询执行模式的详细时间信息，包括对瀑布模型的遵守情况。
6. 检测数据写入缓存的延迟。
7、洞察运行故障原因。

## 主要特点

1. 全面跟踪：跟踪所有类型的操作，包括查询、变异、订阅等。
2. 详细信息：提供每个操作的基本详细信息，例如名称、类型、执行状态、获取策略、执行时间、排队时间和结果大小。
3. 过滤选项：过滤器可用于基于类型、结果源和状态的高效操作列表管理。
4. 受影响的查询视图：负责重新呈现查询的操作的清晰可视化。
5. JSON数据复制：能够复制JSON格式的操作数据。
6. 缓存：复制或逐出apollo客户端缓存。

## 使用说明

要启用 Apollo Inspector 扩展：

1. 单个 Apollo 客户端实例：如果您的 Web 应用程序有单个 Apollo 客户端实例，请将其附加到窗口对象上的“__APOLLO_CLIENT__”变量。
2. 多个 Apollo 客户端实例：如果您的 Web 应用程序有多个 Apollo 客户端实例，请创建一个包含所有实例的数组 (ClientObject[])，并将其附加到窗口对象上的“__APOLLO_CLIENTS__”变量。

有关如何使用该扩展的全面指南，请参阅[官方文档](https://github.com/jpsahoo14/apollo-inspector-ui/blob/main/extension/readme.md)。