Immerx DevTools

简介:

Chrome 开发者控制台中的 Immerx 调试工具。

ImmerX DevTools 是开源 JS 状态管理库 ImmerX 的 Chrome DevTools 扩展。

它可以帮助开发人员在 Chrome 开发人员工具中可视化 ImmerX 状态变化。它创建了一个名为“Immerx DevTools”的新面板，其中包含 4 个主要组件：

1.“更新列表”-所有状态更新的可过滤、垂直滚动列表。
2.“补丁”- 您可以在其中查看所选状态更新期间应用的所有沉浸式补丁。每个补丁包含有关操作类型、路径和差异的信息。
3.“状态”- 显示所选更新导致的状态值，如果未选择更新，则显示当前值。
4.“差异”- 显示所选更新之前和之后状态值之间的差异。

请在此处查看内联版本的交互式演示：
https://monojack.github.io/immerx-todomvc

您可以在这里了解有关 ImmerX 的更多信息：
https://github.com/monojack/immerx

此扩展的代码是开源的：
https://github.com/monojack/immerx-devtools