Realize for React1.0.0.0
React 组件树可视化工具随着 React 应用程序的扩展，跟踪状态并全面了解组件层次结构变得更加困难。 Realize 是一种帮助开发人员可视化其 React 应用程序的结构和状态流的工具，尤其是当它们的规模和复杂性不断增长时。它目前支持 React v.16.8。先决条件1. 您必须安装 React Dev
官方版无广告12
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
160KB 0 人已下载 手机查看
![Realize for React的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail85536/030mhpcc30q51.jpg)
简介:
React 组件树可视化工具随着 React 应用程序的扩展，跟踪状态并全面了解组件层次结构变得更加困难。 Realize 是一种帮助开发人员可视化其 React 应用程序的结构和状态流的工具，尤其是当它们的规模和复杂性不断增长时。它目前支持 React v.16.8。先决条件1. 您必须安装 React Dev Tools 才能使用 Realize for React。从 Chrome 商店安装2. Realize 最好用于未部署的应用程序。这种对已部署网站的丑化使得组件结构 ptty 不可读。如何使用1. 单击蓝色的“添加到 Chrome”按钮2. 安装后，导航到您的 React 网站3.打开开发工具窗口并点击Realize面板4. 触发状态更改以填充组件树功能： – 利用搜索栏搜索树中存在的任何组件。 – 单击节点组件将在右侧面板中显示有关状态、子项、道具和挂钩的信息。 – 您可以通过按住 shift 和拖动/滚动来缩放和平移树- 单击“状态”按钮可通过组件树查看状态流
相关资源
Lorem Ipsum Generator (Default Text)
提供一种优雅快捷的方式来创建默认文本或生成 Lorem Ipsum。针对快速使用进行了优化，但可以自定义。 Lorem Ipsum Generator 快速提供默认文本以补充您的惊人设计。默认设置经过优化，可在安装后立即使用，但您可以轻松自定义一些设置以获得适合您口味的完美文本。每个句子都是随机生成的，以模拟真实
Domain visualizer
监控和可视化域。域可视化器为您监控当前域并尝试将其与存储的域之一匹配。如果域与存储的域匹配，则将 html 附加到 DOM 的主体中。这个扩展对于 Web 开发人员来说非常方便，如果他们面前显示的网站是本地网站或客户的测试/生产网站，他们经常会感到困惑。附加到 dom 中的 html 可以在添加域模式中进行配置，
Epoch
快速 Linux/Epoch 时间转换器Unix 时间（也称为 POSIX 时间或纪元时间）是用于描述时间瞬间的系统，定义为自 1970 年 1 月 1 日星期四 00:00:00 协调世界时 (UTC) 以来经过的秒数。这是一个快速转换器，可让您将特定日期（和时间）转换为它的纪元时间表示。
WebRTC Leak Prevent Toggle
使用官方 API 切换 WebRTC 泄漏预防。此扩展允许打开和关闭 WebRTC 泄漏防护。它提供与我的“WebRTC Leak Prevent”扩展相同的功能，并增加了轻松打开和关闭设置的功能。重要信息WebRTC 隐私选项适用于整个浏览器，而不仅仅是您正在使用的选项卡。请注意您在禁用泄漏防护时可能打开的其他
User-Agent Switcher and Manager
欺骗网站试图收集有关您的网络导航的信息，以提供您可能不想要的不同内容使用示例：如果您希望查看网站的移动版本以便加载速度更快，则可以更改您的用户代理字符串以表明您正在使用移动设备。 --此扩展程序允许您将浏览器的“用户代理”字符串伪装成自定义名称，从而使网站无法了解有关您的浏览安排的具体细节。视频概览： https
BatEditor
用强大的 CodeMirror 编辑器替换 CodingBat 中代码的文本字段使用强大的 CodeMirror 编辑器替换 CodingBat 中代码的文本字段
暂无评论...