Apollo Inspector
截图:
简介:
将 apollo 检查器开发工具添加到 Google Chrome
#阿波罗督察
Apollo Inspector 是一个 Chrome 扩展，旨在促进开源 GraphQL 客户端 Apollo Client 中 GraphQL 操作的调试。
＃＃ 目的
该工具对于诊断 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)。
