
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 和拖动/滚动来缩放和平移树- 单击“状态”按钮可通过组件树查看状态流
相关资源
Link
扩展获取多媒体资源链接和接收任务通知允许您获取不同 Web 元素(例如图像、按钮、框、链接)的链接的扩展程序,此外,它还执行右键单击功能以在执行任务时节省时间,此外还向您发送在线通知链接访问您可以在我们的 Discord 群组中找到我们:https://discord.gg/JYX7Dvh或者在我们的博客上:ht
Liverefresh
Liverefresh Chrome 扩展程序。 LiveReload 对我来说太难理解了,所以我写了 LiveRefresh。 ## 特征* 当 .jpg .jpeg .js .html 文件更改、创建或删除时刷新页面* CSS 样式在 .css 文件更改时自动重新加载而不刷新页面
Free Website Templates
此扩展程序为您的网站提供免费的网站模板和免费资源浏览我们为 Google 协作平台提供的免费高质量网站模板库。使用 Google 协作平台网站构建器自行编辑模板,或从我们包含的教程和其他资源中获取帮助!
Image Size Check
显示源和 psentation 之间的大小差异。立即查看哪些图像尺寸不正确!图像大小检查显示显示的图像是否与图像源的宽度和高度匹配。如果图像的宽度和高度相同,则所有边框都将为绿色。如果宽度或高度超出了扩展名,则会用颜色标记该尺寸。 - 绿色:图像和源高度/宽度完全相同。 - 黄色:显示的图像宽度或高度大于源。 -
Page load time
在工具栏中显示页面加载时间此扩展程序测量页面加载时间并将其显示在工具栏中。 Navigation Timing API 用于精确测量。源代码可在https://github.com/alex-vv/page-load-time
Postman Interceptor
发送通过 Postman chrome 应用程序触发的请求。 Postman 拦截器可帮助您通过 Postman 应用发送使用浏览器 cookie 的请求。它还可以发送通常受 Chrome 限制但对测试 API 至关重要的标头。拦截器使这个过程变得轻松。现在无需任何安装步骤或额外配置即可实现之前需要代理的功能。
暂无评论...