软件介绍

系统运行环境/版本：Win8,Win7,WinXP,Win2003,Win200

Reactime Chrome插件是一款基于谷歌浏览器使用的React开发者的调试工具。软件功能很强大，过记忆每次渲染时组件的状态来帮助调试React应用。它以 “快照 ”的形式记录应用程序的状态变化，并允许用户跳转到之前记录的任何状态，扩展了对有条件状态字段的组件的支持。

插件介绍

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

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

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

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

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

安装方法

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

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

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

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

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

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

5、安装好后即可使用。