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

官方版无广告61

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

相关资源

Redux DevTools:应用程序调试
用于调试应用程序状态更改的 Redux DevTools。该扩展为您的 Redux 开发工作流程提供动力。除了 Redux 之外,它还可以与任何其他处理状态的架构一起使用。这是一个开源项目。有关详细信息,请参阅官方存储库:https://github.com/reduxjs/redux-devtools
Tab Reloader
此扩展程序将在来自 node.js 的消息后重新加载当前浏览器选项卡Chrome 标签重新加载器插件是非本地主机工作环境的 Livereload 替代品。因此,如果您在基于云的环境中工作,您只能在上传到服务器后才能看到代码结果,一旦您的代码上传,此插件将帮助您重新加载 Chrome 选项卡。如果你使用像 gulp
Screenbuddy ApS
Screenbuddy 显示软件Screenbuddy 显示软件
IP Address Tool
检查您的 IP 地址、代理 IP、代理主机并查看更多其他附加信息。查看您当前的 IP 地址、代理 IP*、代理主机* 并查看更多其他附加信息 - 无需打开附加选项卡。该扩展目前仅提供英语、英语 (GB)、英语 (美国) 法语和西班牙语版本,将在即将发布的版本中提供其他语言版本。信息从 www.ifconfig.m
Best WordPress Themes 2020
2020 年最佳 WordPress 主题最佳 WordPress 主题 2020 系列,指导 WordPress 用户选择最适合在线业务的 WordPress 主题。我们为以下最佳 WordPress 主题提供现场演示和详细评论: 1. Divi WordPress 主题2. JNews WordPress 主
User-Agent Switcher and Manager
欺骗网站试图收集有关您的网络导航的信息,以提供您可能不想要的不同内容使用示例:如果您希望查看网站的移动版本以便加载速度更快,则可以更改您的用户代理字符串以表明您正在使用移动设备。 --此扩展程序允许您将浏览器的“用户代理”字符串伪装成自定义名称,从而使网站无法了解有关您的浏览安排的具体细节。视频概览: https

暂无评论

暂无评论...