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 和拖动/滚动来缩放和平移树- 单击“状态”按钮可通过组件树查看状态流
相关资源
Cyber Web Tools
Chrome 扩展程序来分析您的网站安全性。它提供了各种工具来查找网络安全漏洞。 01. 快照它拍摄活动网页的快照。它提供了两个选项，您可以通过这些选项捕获全屏网页或通过选择所需的部分来捕获网页的一部分。 02. 估算它用活动网页的详细信息估计输入字段，并对其进行过滤。这些输入字段在形式上进一步分类。输入详细信息
Accessibility Insights for Web
Accessibility Insights for Web 可帮助开发人员快速找到并修复可访问性问题。在 https://aka.ms/accessibilityinsights 了解有关辅助功能见解的更多信息。启动 Accessibility Insights for Web 的默认键盘快捷键是 [Ctrl+
EE Loader
此扩展程序自动加载并运行 Google 地球引擎代码。自动加载 Earth Engine 代码的 Chrome 扩展。如需更多信息，请访问 https://github.com/svangordon/ee-loader。
Automa
通过连接块来自动化浏览器的扩展从自动填写表格、执行重复性任务、截屏到抓取网站数据，您可以使用此扩展程序做什么。您还可以安排自动化执行的时间。如果您有问题或想报告错误，请随时在 automa GitHub 存储库中提出问题。 GitHub: https://github.com/AutomaApp/automa
Immutable.js Object Formatter
使不可变 JS 对象在记录到控制台时更具可读性。将记录的 Immutable JS 对象转换为更易读的格式。要使用该扩展程序，您需要在 Chrome DevTools 设置中“启用自定义格式器”。基于 Immutable DevTools：https://github.com/andrewdavey/immuta
network-json-filter
网络响应（JSON 正文）过滤器作为 Google Chrome 扩展＃ 特征- 网址过滤- 转换网络响应（使用 json-path） - https://github.com/json-path/JsonPath ＃ 问题- https://github.com/heowc/network-json-filte
暂无评论...