- 软件介绍人气软件相关文章下载地址↓
-
Reactime Chrome插件是一款基于谷歌浏览器使用的React开发者的调试工具。它以 "快照 "的形式记录应用程序的状态变化,并允许用户跳转到之前记录的任何状态,欢迎需要此款工具的朋友前来下载使用。
插件介绍
一个Chrome扩展,通过记忆每次渲染时组件的状态来帮助调试React应用。
Reactime被提名为2020年React开源奖的生产力促进奖!
Reactime是React开发者的调试工具。它将应用程序的状态变化记录为 "快照",并允许用户跳转到之前记录的任何状态。
该工具适用于使用有状态组件和道具钻井的React应用,测试版支持Recoil、Context API、条件状态路由、Hooks(useState、use Effect)和功能组件。
第6版通过新的可视化增强了用户体验,更好地将目标应用程序中的状态数据和组件关系上下文化,同时修复了各种bug。现在可以在历史标签中通过点击任何节点来完成时间跳转。历史和地图选项卡现在都有一个动态图例,使可视化更有表现力和意义。地图选项卡中的核心可视化器已被替换,现在提供了各种方向、布局和节点链接。性能选项卡现在以堆叠条形图的形式显示快照,为用户提供状态变化时组件渲染时间的鸟瞰图。最新的版本在可视化中加入了新的onHover功能,用户可以将组件的表现形式(如地图标签中的节点或性能标签中的条形图)悬停,其对应的HTML元素将在DOM中突出显示。
安装方法
从 Chrome 网络商店安装 Reactime 扩展。或者,使用 src/extension/build/build.zip 在开发者模式下进行手动安装。如果在本地测试,请在扩展详情页面中打开 "允许访问文件 URL"。
v3及以前的用户注意。不再需要NPM包。
然后打开Chrome DevTools并导航到Reactime标签。
功能介绍
录音
每当状态发生变化时(每当调用setState或useState时),该扩展将创建当前状态树的快照并将其记录下来。每个快照都将显示在 Chrome DevTools 的 Reactime 面板下。
查看状态
您可以点击快照来查看您的应用程序的状态。状态可以以JSON格式或层次树的形式可视化。此外,快照可以与之前的快照进行对比,可以在差异标签下查看。
查看应用程序
您可以在 "地图 "选项卡中查看目标应用程序的整个组件层次结构。
跳跃
时间旅行允许你跳转到任何以前记录的快照。点击任何快照上的跳转按钮或点击历史标签中的任何节点都会通过设置他们的状态来改变DOM。
绩效指标
新的性能选项卡显示了一个堆叠的快照条形图,以帮助用户可视化并识别组件渲染时间的潜在趋势或瓶颈。每个条形图都有一个onHover工具提示,以获取更多信息以及DOM高亮显示。
附加功能。
-后坐力数据流可视化
-组成部分地图可视化
-描绘状态变化的多个树状图分支。
-树状图悬停功能,以查看状态变化。
-能够平移和缩放树形图
-支持多个标签
-一个快速移动快照的滑块。
-一个自动浏览快照的播放按钮。
-暂停按钮,可停止记录每个快照。
-当扩展被锁定时,setState将失去功能。
-在刷新时保留快照的持续按钮(在修改代码和调试时很方便)。
-导出/导入当前内存中的快照。
-行动面板中的声明性标题。
-扩展了对有条件状态字段的组件的支持。
-
人气软件
-
user agent switcher for chrome v1.1.0中文版 附安装教程
115KB | 简体中文
-
Github 加速器(Chrome扩展插件) v1.3.7 安装免费版
240KB | 简体中文
-
WEB前端助手(FeHelper) Chrome开发者插件 v2023.03.2212 官方免
2.48MB | 简体中文
-
chrome插件chat-gpt-google-extension(ChatGPT for Google) 1.16
630KB | 简体中文
-
ChatGPT for Google(Chrome扩展插件) v3.0.3 官方中文免费版
3.85MB | 简体中文
-
React Developer Tools Chrome插件 v4.27.6 安装免费版
1.65MB | 简体中文
-
WebChatGPT:可访问互联网的 ChatGPT v3.2.7 Chrome扩展插件
414KB | 简体中文
-
ChatGPT版Bing搜索引擎规则Gooreplacer.json 免费版
27.5KB | 简体中文
-
CSDN开发助手(CSDN网站辅助插件) v3.0.2 免费安装版
2.95MB | 简体中文
-
-
-
React开发者调试插件 Reactime Chrome v5.0.0 官方安装版
-
-
相关文章
- JSON转CSV V3.0.1 扩展工具
- JetBrains Toolbox Extension v1.28.0.14810 浏览器扩展插件
- Bing Chat for All Browsers v1.0.7 浏览器扩展插件
- ChatGPT聊天记录转 Markdown 文本(ChatGPT to Markdown) v1.3 浏览器扩展插件
- VS Code浏览器扩展插件 v2.6 官方免费版
- ChatGPT tools Plus油猴脚本 v1.2.1 搜索引擎侧边ChatGPT搜索 修改版
- 国际站外贸侠助手 - 阿里巴巴国际站运营助手插件 v3.0.1 浏览器扩展插件
- 鸿蒙组件提取器 V1.2 扩展工具
- EtsyGPT - Etsy AI生成商品标题和描述 v1.0.5 浏览器扩展插件
- ZenHub for GitHub(项目管理) v3.6.54 浏览器扩展插件
-
网友评论
-
下载声明
☉ 解压密码:www.jb51.net 就是本站主域名,希望大家看清楚,[ 分享码的获取方法 ]可以参考这篇文章
☉ 推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v5 ] 以上版本解压本站软件。
☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
☉ 下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
☉ 本站提供的React开发者调试插件 Reactime Chrome v5.0.0 官方安装版资源来源互联网,版权归该下载资源的合法拥有者所有。