将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）。
Apollo Inspector插件谷歌浏览器安装教程
第一步：下载Apollo Inspector安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
