Chrome DevTools扩展程序，用于调试Tanstack查询应用程序。实时检查查询，突变和缓存状态。
Tanstack查询DevTools是使用Tanstack查询在其Web应用程序中使用Tanstack查询的开发人员的重要调试伴侣。这款功能强大的Chrome DevTools扩展可以深入了解您应用程序的数据获取，缓存和州管理，从而使调试和优化毫不费力。无论您是使用React，Vue，Svelte，Angular还是Vanilla Javascript构建，此扩展程序都可以与使用Tanstack查询核心的任何框架无缝地工作。
该扩展名直接集成到Chrome Devtools中，作为专用面板，自动检测Tanstack查询使用情况，并以最少的设置提供实时监视。您将在专业的两列布局中看到所有查询和突变，并具有即时状态更新，从而可以随时了解您的应用程序中正在发生的事情。
关键功能：
•带有实时状态指标的实时查询监控，显示负载，成功，错误和陈旧状态•互动缓存检查，详细的JSON数据探索和语法探索和语法进行了详细的调查•完整的突变突出显示•在课程中执行的所有操作的历史视图•在您的课程中执行的所有操作•一单击的调试操作•一键式调查和询问范围的调查范围范围•cache rectional semittim in Simallions•cache Interaction•误解，误解，误差•无人驾驶范围•误解•误解•无人驾驶•手动删除•自动系统检测•所有查询和突变中的快速搜索和过滤功能•关闭DevTools时对应用的零性能影响
非常适合前端开发人员，全栈工程师，质量保证团队以及使用数据驱动应用程序的任何人。该扩展程序消除了时费时的控制台调试会话，并帮助您立即识别性能瓶颈。您将一目了然地了解复杂的查询依赖性和缓存行为，从而将调试时间从数小时减少到几分钟。
设置很简单：安装扩展程序，然后通过将“窗口.__ tanstack_query_client__”设置为tanstack查询客户端实例，以揭示查询客户端。配置后，将出现打开Chrome DevTools和新的“ Tanstack查询”选项卡，使您立即访问强大的调试功能。
该扩展名完全在浏览器中以零数据收集在本地运行，从而确保您的隐私和安全性。所有调试都在您的机器上进行，没有任何外部网络请求，因此可以安全地在任何开发环境中使用。
无论您是对生产问题进行故障排除，优化查询性能或入职新团队成员，Tanstack查询DevTools都可以提供更快地构建更好应用程序所需的可见性和控制。
TanStack Query DevTools插件谷歌浏览器安装教程
第一步：下载TanStack Query DevTools安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
