GraphQL 状态的数据可视化
此 Chrome 扩展程序将向您的开发工具添加一个名为“GraphQL state”的面板。当您使用框架“https://github.com/babyfish-ct/graphql-state”时，它可以帮助您进行调试。
在“GraphQL state”面板中，您将看到三个标签页：“Simple states”、“Graph states”和“Evict Logs”。
1. 简单状态
框架支持类似于“反冲”的简单状态管理，该选项卡页面可以为您可视化所有简单状态。
2. 图状态
该框架支持类似于“Apollo Client”和“Relay”的图状态管理，其内置的规范化缓存用于管理所有数据和关系。此选项卡页面可以为您可视化此标准化缓存。
3. 驱逐日志
这是该框架的核心价值。
UI状态的本质是一个主要突变导致N个额外突变，UI越复杂，N越大。
该框架允许开发人员只关注主要突变，所有额外的突变将自动执行。
与 Apollo Client 和 Relay 相比，变异后，您无需更新缓存中其他受影响的数据，也无需确定哪些查询将受到影响并需要重新获取。
当框架自动执行额外的突变时，它可以选择直接修改缓存，也可以选择从缓存中逐出受影响的数据（这将导致相关查询自动重新获取）。
显然，第一个选择比第二个选择要好。该标签页列出了框架所做的第二次选择的历史记录，并告诉开发人员以下信息。
我。为什么框架做出第二选择？
二.开发者是否可以介入优化，让框架来做首选？
三.如果是这样，开发商应该做什么？
GraphQL state插件谷歌浏览器安装教程
第一步：下载GraphQL state安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
