⑴Reactime Chrome插件是一款基于谷歌使用的React开发者的调试工具。软件功能很强大,过记忆每次渲染时组件的状态来帮助调试React应用。它以 “快照 ”的形式记录应用程序的状态变化,并允许用户跳转到之前记录的任何状态,扩展了对有条件状态字段的组件的支持。
⑵一个Chrome扩展,通过记忆每次渲染时组件的状态来帮助调试React应用。
⑶Reactime被提名为年React开源奖的生产力促进奖!
⑷Reactime是React开发者的调试工具。它将应用程序的状态变化记录为 “快照”,并允许用户跳转到之前记录的任何状态。
⑸该工具适用于使用有状态组件和道具钻井的React应用,测试版支持Recoil、Context API、条件状态路由、Hooks(useState、use Effect和功能组件。
⑹第版通过新的可视化增强了用户体验,更好地将目标应用程序中的状态数据和组件关系上下文化,同时修复了各种bug。现在可以在历史标签中通过点击任何节点来完成时间跳转。历史和地图选项卡现在都有一个动态图例,使可视化更有表现力和意义。地图选项卡中的核心可视化器已被替换,现在提供了各种方向、布局和节点链接。性能选项卡现在以堆叠条形图的形式显示快照,为用户提供状态变化时组件渲染时间的鸟瞰图。最新的版本在可视化中加入了新的onHover功能,用户可以将组件的表现形式(如地图标签中的节点或性能标签中的条形图悬停,其对应的HTML元素将在DOM中突出显示。
⑺、在打开的谷歌浏览器的扩展管理器
⑻就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】;
⑼或者你可以在地址栏中直接输入
⑽、进入扩展程序页面后将开发者模式打勾;
⑾、最后将解压出来的crx文件拖入到浏览器中即可安装添加;
⑿、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装;
⒀、安装好后即可使用。