浏览器中的实时 TanStack 查询开发工具。检查查询、突变和缓存——捆绑影响为零。
调试 TanStack 查询，无需将开发工具交付到生产环境。
在每个查询和突变发生变化时查看它——缓存状态、状态
转换、完整数据有效负载 - 从浏览器工具栏或内部
开发工具。无需安装包，无需扩展包，无需提前剥离任何内容
发布。
你得到什么
• 实时检查——查询和突变在您的应用程序运行时实时更新
• 深入研究——任何单个查询或突变的状态、数据和元数据
• 交互式数据树——展开、折叠和探索深度嵌套的有效负载
• 内联编辑——当场更改缓存数据并观察用户界面的反应
• 一键式缓存操作 — 无效、重新获取、重置或删除查询；清除突变缓存
• 状态一目了然 — 新鲜、陈旧、正在获取、已暂停、非活动、错误
• 搜索和排序——按键查找任何查询；按键、状态或上次更新排序
• 两种工作方式 — 弹出工具栏用于快速浏览，DevTools 面板用于实际会话
• 保持连接 — 选项卡内的页面导航仍然存在
仅需一行即可完成设置
窗口.__TANSTACK_QUERY_CLIENT__ = queryClient;
重新加载您的应用程序。当 QueryClient 启动时，工具栏图标就会亮起
检测到。单击弹出窗口，或打开 DevTools → TanStack Query 以获取
全面板。
为什么不使用内置的开发工具？
• 零捆绑影响——永远不会将任何东西运送到生产中
• 与框架无关——React、Vue、Solid、Svelte、Angular：如果它运行 TanStack Query，它就可以工作
• 与其他 DevTools 面板并排放置，而不是漂浮在应用程序上
• 没有条件导入，没有摇树技巧，发布前没有清理
免费和开源（麻省理工学院）：
github.com/DeeCode-inc/tanstack-query-chrome-devtools