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

官方版无广告60

更新日期: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 找到它的源代码。

相关资源

BP Proxy Switcher
一键更改代理一键更改您的代理。使用我们的 chrome 代理插件,您可以从剪贴板或 URL 加载一次代理列表,然后单击一下即可在它们之间切换。代理插件选项- 显示每个代理的国家- 在切换到新代理之前删除缓存- 切换代理时自动重新加载当前选项卡- 每 X 秒自动更改代理- 每 X 分钟从 URL 的 .txt 文件
Guides
这个简单的应用程序允许您创建修改和删除水平和垂直参考线以检查元素是否正确对齐这个简单的应用程序允许您创建修改和删除水平和垂直参考线,以检查页面中的元素是否正确对齐。 1. ESC 键或点击浏览器图标退出/进入应用程序。 2. 双击标尺创建新指南。 3. 双击指南将其删除。
Agentium: User agent switcher
控制浏览器报告的用户代理身份。 Agentium 是一个扩展,用于控制浏览器报告的用户代理身份,例如,允许您在计算机上查看网站的移动版本。强调: - 从流行浏览器的默认列表中快速选择用户代理身份- 添加您自己的自定义用户代理身份- 简单干净的用户界面这是在 Apache 2.0 许可下分发的开源软件。请随时在 h
Page and Extension Refresh
此 Chrome 扩展程序允许您输入页面的匹配模式 (https://developer.chrome.com/extensions/match_patterns.html)...此 Chrome 扩展程序允许您输入页面的匹配模式 (https://developer.chrome.com/extensions/
GitHub Favorites
允许您收藏 GitHub 存储库以供以后保存,而不是将它们添加到您的监视列表中。这个 Google Chrome 的小扩展在 GitHub 存储库页面上的 Watch 按钮旁边添加了一个收藏夹按钮。当您点击“收藏夹”按钮时,它会将该存储库添加到您书签中的“GitHub 收藏夹”文件夹中。如果您想删除书签,只需再次
Github +1s
向您显示那些嘈杂的“+1”评论的计数和头像并隐藏原始评论。

暂无评论

暂无评论...