LOADING

Realize for React

Realize for React1.0.0.0

React 组件树可视化工具随着 React 应用程序的扩展,跟踪状态并全面了解组件层次结构变得更加困难。 Realize 是一种帮助开发人员可视化其 React 应用程序的结构和状态流的工具,尤其是当它们的规模和复杂性不断增长时。它目前支持 React v.16.8。先决条件1. 您必须安装 React Dev

官方版无广告12

更新日期:2021年 8月 29日分类标签:语言:中文平台:

160KB 0 人已下载 手机查看

简介:
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 和拖动/滚动来缩放和平移树- 单击“状态”按钮可通过组件树查看状态流

相关资源

Access-Control-Allow-Credentials: true
添加到响应标头“Access-Control-Allow-Credentials: true”,用于使用 XMLHTTPRequest 的 withCredentials 访问允许您从任何来源请求任何带有 ajax 的站点。添加到响应 Access-Control-Allow-Credentials: true
FirePHP (Official)
从 PHP 登录到 devtools 面板。通过 HTTP 响应标头从 PHP 登录到浏览器开发人员工具 FirePHP 控制台面板。支持的协议: - FirePHP(基于野火) - 铬记录器有关支持的服务器库的列表,请参见 http://firephp.org
Network Requests Download
网站测试人员下载网络请求元数据的工具。该工具允许网站测试人员跨不同网页记录和下载网络性能元数据。它将创建一个新的开发人员工具面板,用户可以在其中输入要访问的 URL 列表。该扩展程序将自动访问指定的 URL 并记录网络活动。访问所有 URL 后,将下载 JSON 报告。用户可以选择指定过滤器以仅将请求下载到包含子
Enable right click
启用右键单击。禁用“右键单击禁用”站点。在此页面上测试。 http://jsrun.it/kyo_ago/xzn4源代码在这里。...启用右键单击。禁用“右键单击禁用”站点。在此页面上测试。 http://jsrun.it/kyo_ago/xzn4源代码在这里。 https://github.com/kyo-ag
JSON live editor
JSON 文档的实时编辑器用于处理 JSON 文档的在线和离线 HTML、CSS 和 JavaScript 代码编辑器。例如,如果您想操作和显示 REST API 输出的 JSON 数据,此工具将非常有用。如果检测到 JSON 文档(例如使用 http://jsondoc.eu01.aws.af.cm/api/j
Modify DevTools Fonts
将 DevTools 字体修改为 SF UI Text 和 Monaco;将 DevTools 字体修改为 SF UI Text 和 Monaco;

暂无评论

暂无评论...