Apollo Inspector

将Apollo Inspector DevTools添加到Google Chrome

＃阿波罗检查员

Apollo Inspector是一种镀铬扩展名，旨在促进开源GraphQL客户端Apollo客户端内的GraphQL操作调试。

＃＃ 目的

该工具对于诊断Apollo客户端内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 []），然后将其附加到窗口对象上的___Pollo_Clients_“ __Pollo_Clients_”。

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