LOADING

React Developer Tools

React Developer Tools4.27.3 (3/22/2023)

将 React 调试工具添加到 Chrome 开发者工具。从 2023 年 3 月 22 日的修订版 28ce1c171 创建。 React Developer Tools 是开源 React JavaScript 库的 Chrome DevTools 扩展。它允许您在 Chrome 开发者工具中检查 React

官方版无广告53

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

1.66MB 7 人已下载 手机查看

简介:
将 React 调试工具添加到 Chrome 开发者工具。从 2023 年 3 月 22 日的修订版 28ce1c171 创建。 React Developer Tools 是开源 React JavaScript 库的 Chrome DevTools 扩展。它允许您在 Chrome 开发者工具中检查 React 组件层次结构。您将在 Chrome DevTools 中获得两个新选项卡:“⚛️ Components”和“⚛️ Profiler”。 “组件”选项卡向您显示在页面上呈现的根 React 组件,以及它们最终呈现的子组件。通过选择树中的组件之一,您可以在右侧面板中检查和编辑其当前道具和状态。在面包屑中,您可以检查所选组件、创建它的组件、创建该组件的组件等。如果您使用常规元素选项卡检查页面上的 React 元素,然后切换到 React 选项卡,该元素将在 React 树中自动被选中。 Profiler 选项卡允许您记录性能信息。此扩展需要访问页面的 React 树的权限,但它不会远程传输任何数据。它是完全开源的,您可以在 https://github.com/facebook/react/tree/master/packages/react-devtools-extensions 找到它的源代码。

相关资源

Platform Learn – Configuration
设置配置 ID 以访问 Platform Learn设置配置 ID 以使用 AEP 综合技术教程
Jenkins Monitor
Chrome 扩展程序来监控您的 jenkins ci。日常使用 Jenkins CI 的 chrome 扩展(http://jenkins-ci.org/)您可以使用此扩展程序查看所有 jenkins 作业,并获取任何作业状态更改事件的桌面通知。
Redux CheckState (selectors testing)
用于在您的应用程序中创建用于测试选择器的测试用例的扩展该扩展是工具的一部分,可帮助您为所有 redux 选择器创建单元测试,而无需编写任何代码。使用扩展来创建测试用例,并使用检查状态 CLI 在您的项目中运行它。阅读更多:http://wastecleaner.im/check-state
Maps URL Converter
在不同地图工具之间转换 URL 的工具,如谷歌地图、必应地图、OpenStreetMap、TripGo地图网址转换器您正在浏览 Google 地图并想访问 Bing 地图上的相同位置以比较他们的地图?使用此工具只需单击一次(实际上是两次单击)即可完成。这将解析您当前的 URL 并将其转换为以下 URL:Googl
Blockchain Gateway
区块链网关 - 加密货币域 + 开放别名解析器此扩展程序可让您解析区块链处理程序,例如 BTC:// XMR:// ETH:// USDT:// IGNIS:// ARDOR://还支持 Open Alias (openalias.org) 处理程序:OA://OPENALIAS://单击时,区块链处理程序将以纯
Semflow Chrome Extension
Semflow 是第一个用于 Webflow 的 SEO 工具,可为您的网站提供 SEO 分数和建议。 - 拍数码🎉 新功能更新 🎉现在您可以在 Semflow 中查看您的 PageSpeed Insights 分数!这将帮助您提高页面速度、可访问性、SEO 等。 👾 什么是 SEMFLOW 👾 Semf

暂无评论

暂无评论...