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 和拖动/滚动来缩放和平移树- 单击“状态”按钮可通过组件树查看状态流
相关资源
HTML Visual Validation
HTML Visual Validation 为您提供有关页面上实时 html 元素的信息。无需打开浏览器控制台即可轻松检查页面结构。只需选择要在页面上勾勒轮廓的 html 标签类型，并显示带有基本信息的标签。一些功能是： - 列出最常见的 html 标签- 获取有关标题和描述标签的信息- 显示标签 ID 和类属
AMP Readiness Tool
确定与 AMP 相关的网络技术AMP Readiness 工具可让您查看站点上使用了哪些第三方技术，以及您是否可以使用 AMP 实施这些技术。
Robots Exclusion Checker
实时 URL 检查 robots.txt、元机器人、x-robots-tag 和规范标签。简单的红色、琥珀色和绿色状态。 SEO 扩展。机器人排除检查器旨在直观地指示是否有任何机器人排除阻止您的页面被搜索引擎抓取或索引。 ## 扩展报告 5 个元素： 1.机器人.txt 2.元机器人标签3. X-robots-标
JSON Formatter
使 JSON 易于阅读。开源。使 JSON 易于阅读。开源。 Callum Locke 的原始（不再更新）扩展的一个分支。特征• JSON 和 JSONP 支持• 带有 36 个浅色和深色主题的语法高亮显示• 可折叠树，带有缩进指南• 行号• 可点击的网址• 在原始和解析的 JSON 之间切换• 适用于任何有效的
Modkit for Webflow
Webflow Designer 的免费自定义修改注意：Modkit for Webflow 由 Jetboost.io 独立开发，并未得到 Webflow, Inc. 的正式认可或附属。特征： • 能够最大化设计器中的代码编辑器。 • 将面包屑导航栏移动到设计器顶部的选项。 • 警报：多个受影响的元素。当样式更
DOM HIGHLIGHTER
前端开发人员的 dom 荧光笔。前端开发人员的 dom 荧光笔。
暂无评论...