TanStack Query DevTools

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都可以提供更快地构建更好应用程序所需的可见性和控制。