Realize for React_1.0.0.0_Chrome插件商店_Chrome插件下载

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

去官方网站了解更多

相关资源

Angular watchers

检查有多少观察者在 angular 应用程序中处于活动状态Angular watchers 是终极的 AngularJS 工具，它告诉你当前有多少活跃的 watchers。它会自动更新，因此您可以实时查看页面有多少观察者。这对于提高性能和调试也是完美的。特征： * 当前页面的观察者总数* 与上次观察者总数的差异*

梓潼网站爬虫

网站链接爬取工具网站链接抓取爬取工具，可快速爬取网页中的图片，减少手动负责的麻烦。方便快捷，使用时，需了解jQuery选择器规则，需要一定的前端H5基础。

Prodigy Hacking Extension (PHEx)

PHEx 是一个扩展，旨在提高 Prodigy 对安全问题的认识Prodigy Hacking Organization 的目标是提高人们对 SMARTeacher 公然忽视的游戏安全问题的认识。这是一个 Chrome 扩展程序，它允许 SMARTeacher 产品（当前：Prodigy）的用户探索游戏中的安全问

ng-trace for AngularJS

AngularJS $http 请求跟踪器AngularJS $http 请求的请求日志记录和长堆栈跟踪。更多信息 - https://github.com/tambet/ng-trace

AEM Chrome Plug-in

用于 AEM 开发的 Devtools 面板。包括浏览器内的 Log Tracer 和 Adaptive Forms 开发工具AEM Chrome 插件由 2 个主要模块组成： 1) Log Tracer 将每个请求的服务器端数据快速方便地显示到您的 Chrome 开发工具面板中。 AEM Chrome 插件利用

DomainFlag

显示当前网站服务器的国家和 MozRank 排名等 SEO 信息DomainFlag 是一款轻量、好用的 Chrome SEO 扩展。在地址栏显示当前网站服务器的所在国家和网站排名（MozRank 排名）。点击图标查看更多 SEO 信息，还可以一键访问预设链接。功能----* MozRank & Domain A

暂无评论

暂无评论...

Realize for React1.0.0.0

相关资源

暂无评论