【介绍】

Reactime能在浏览器中为React（UI界面开发工具）用户带来便捷的调试功能，它能够完美地记录应用程序每一个版本的状态变化，并以历史列表的形式显示，方便用户快速跳转到之前的任何一个版本。

插件介绍

一个Chrome扩展，通过记忆每次渲染时组件的状态来帮助调试React应用。

Reactime被提名为2020年React开源奖的生产力促进奖！

它是React开发者的调试工具。它将应用程序的状态变化记录为快照，并允许用户跳转到之前记录的任何状态。

该工具适用于使用有状态组件和道具钻井的React应用，测试版支持Recoil、Context API、条件状态路由、Hooks（useState、use Effect）和功能组件。

第6版通过新的可视化增强了用户体验，更好地将目标应用程序中的状态数据和组件关系上下文化，同时修复了各种bug。现在可以在历史标签中通过点击任何节点来完成时间跳转。历史和地图选项卡现在都有一个动态图例，使可视化更有表现力和意义。地图选项卡中的核心可视化器已被替换，现在提供了各种方向、布局和节点链接。性能选项卡现在以堆叠条形图的形式显示快照，为用户提供状态变化时组件渲染时间的鸟瞰图。最新的版本在可视化中加入了新的onHover功能，用户可以将组件的表现形式（如地图标签中的节点或性能标签中的条形图）悬停，其对应的HTML元素将在DOM中突出显示。

安装方法

1、在打开的谷歌浏览器的扩展管理器

就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】-【扩展程序】；

或者你可以在地址栏中直接输入chrome://extensions/

2、进入扩展程序页面后将开发者模式打勾；

3、最后将解压出来的crx文件拖入到浏览器中即可安装添加；

4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装；

5、安装好后即可使用。

好了，今天的Reactime分享就到这里了，想要下载更多软件就来软件爱好者，快快收藏吧，更多精彩不容错过！