应用截图
详细介绍
通过记录每次渲染时的组件状态,帮助调试 Recoil 应用的 Chrome 扩展程序。
Recoilize 是一款 Chrome 开发者工具扩展程序,通过记录应用每次渲染时的状态,帮助用户调试 Recoil 应用。
Recoilize 帮助开发者记录状态变化、回到之前的状态,并以图形方式查看基于 Recoil 的应用中的组件。
v3.2.1
Manifest 3
Google 正在将 Chrome 扩展程序迁移至 Manifest v3。Manifest v2 很快将被逐步淘汰,Chrome 商店将只接受和收录使用 Manifest v3 的扩展程序。因此,Recoilize 3.2 的主要工作之一是将 Chrome 扩展程序更新至 Manifest v3。完成更新后,该工具符合 Manifest v3 的要求,用户仍可继续使用。
兼容 React 17 和 18
Recoilize 现在兼容 React 17 和 18。
支持 Recoil 0.7.7
Recoilize 现在支持 Recoil 库的最新更新,并向后兼容旧版本的 Recoil。
内部改进
已更新弃用的依赖项
用于构建 Recoilize Chrome 扩展程序的 React 版本已更新至 v17
提高了测试覆盖率
整理了代码库,以提高可读性
v3.0.0 - 更新
快照比较:
您可以保存一组状态快照,并用它分析当前快照组与先前快照组之间组件渲染性能的变化。
其他功能:
- 时间旅行滑块
- 现在可以自定义组件树和 Atom 网络
v.2.0.0 - 更新
v.1.0.0 - 更新
支持 Recoil 0.1.2 并向后兼容。
快照
新增“清除之前”和“清除之后”按钮,让用户可以清除当前选中快照之前或之后的快照。
组件图
移除了可见性按钮,并将相关功能和数据整合到新的下拉菜单以及鼠标悬停在 Atom 和选择器上时显示的内容中。
改进了悬停提示,以更易读的格式显示信息。
现在可以点击 Atom 图例显示 Atom 或选择器的下拉列表。列表中的每个 Atom 或选择器也都可以点击,以突出显示图中选定的组件。
Atom 网络
现在也可以点击 Atom 图例显示下拉列表,并且可以点击每个 Atom 或选择器。点击后,图中将只显示相关节点。
移除了排名图中的动画,以提高可读性并方便比较变化。