State Inspector会在您所在的页面上查找Redux、Zustand、Pinia和Vuex stores，将它们的状态显示为实时树，并允许您在不打开调试器的情况下分派操作、修补状态或调用store操作。
前端错误通常存在于状态中而不是标记中：永远不会翻转的标志、包含陈旧项目的列表、缺少界面期望的字段的用户对象。框架开发工具可以显示它，但只有当安装了正确的扩展时，构建才会公开它，并且您位于可以打开调试器的计算机上。在临时站点、同事的笔记本电脑或生产页面上，情况通常并非如此。
该工具直接从页面读取stores。Redux是通过store找到的react-redux会通过 store 找到它的Provider，Pinia和Vuex通过安装它们的Vue应用程序（ Vue 3和Vue 2）找到，Zustand则通过window上暴露的store或通过从中读取的组件找到。每个store都列出了它的发现位置，其状态显示为可折叠树，使Maps、Sets、Dates、函数和循环引用保持可读，而不是无法序列化。
Live模式每两秒重新读取所选store，突出显示已更改的顶级键并保留简短的更改日志，以便您可以在页面周围单击并观察每次交互触及状态的哪一部分。过滤器可以在大型状态树中查找任何键或路径，而Copy state JSON可以为您提供错误报告或测试装置的快照。
当阅读不够时，就地更改它：调度Redux操作，将对象合并到Zustand状态或调用其操作之一，$patch Pinia store或使用参数运行其操作，并在Vuex中提交突变或调度操作，包括命名空间模块。树和页面立即更新。该工具还清楚地表明了它无法访问的内容：保存在模块内且从未交给界面的store从外部是不可见的，并且该面板解释了如何在开发过程中公开一个存储。
Vue 2和Vue 3上的Redux和Redux Toolkit、Zustand、Pinia和Vuex会自动找到 - 构建中无需设置，也没有 devtools 挂钩。
嵌套状态作为可折叠树处理Maps、Sets、Dates、函数、类实例和循环引用，并分别显示Pinia和Vuex getter。
Live模式会突出显示已更改的顶级键，并使用时间戳记录每个更改，以便您可以将交互映射到状态更新。
调度Redux操作，使用参数调用Zustand和Pinia操作，$patch Pinia状态，合并到Zustand状态，并在Vuex中提交或调度。
按键或路径过滤大型状态树，然后将整个状态复制为JSON以用于错误报告、测试装置或比较。
应用程序中无需安装任何内容，也无需调试构建 - 它可以在登台、生产和其他人的网站上运行，无论stores在哪里都可以访问。
检查错误是在数据中还是在视图中：如果store已经保存了错误的值，则组件不是问题。
将store置于难以通过点击访问的状态——空购物车、过期会话、一千个商品——然后看看界面如何应对。
阅读未连接Redux DevTools或Vue Devtools的已部署构建的实时stores。
单击应用程序并查看更改日志，以了解哪些交互更新了状态的哪一部分。
将store的精确JSON快照添加到票证中，而不是描述界面显示的内容。
单击React或Vue页面上DevSuite Pro停靠栏中的State Inspector图标。它找到的每家store都列出了其图书馆和发现地点。
选择一家store以树状形式查看其状态。展开您需要的分支，或输入过滤器以直接跳转到某个键或路径。
打开Live后，与页面交互并观看更改日志：每个条目显示时间和更改的顶级键。
输入JSON的操作、补丁或参数并运行它。树和页面会立即更新，因此您可以在不接触代码的情况下测试边缘情况。
Copy state JSON捕获当前的store，准备粘贴到票证、测试或比较工具中。
