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

官方版无广告66

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

相关资源

achievibit
在 GitHub 上编码时获得成就achievibit 为您合并的每个拉取请求添加成就。为了获得成就,只需像往常一样合并您的拉取请求。 achievibit 将根据 achievibit 收听的一些数据授予成就。这仍处于早期开发阶段,所以期待一些错误
WireFont
一种用类似字体的线框替换网页上的文本的工具一个简单的插件,可以将屏幕上的字体更改为几个类似线框的字体。这使得将浏览器设计更改为线框概念变得容易。字体来源: https://github.com/christiannaths/Redacted-Font
GitCodeTree
基于 Octotree 的[码云](http://gitee.com)文件树插件一个浏览器插件,在Gitee、GitHub上显示代码树。不用clone到本地就能查看项目结构. 特性:* 就像在IDE一样简单易用的代码树* 快速浏览文件,不会刷新页面* 支持私人存储库 Gitee登录后就可查看, Github 需要
Easy Window Resize
使用按键调整窗口大小。 - 将活动浏览器窗口的大小调整为预定义的大小列表。 - 不需要特殊权限。 - 使用默认的键盘快捷键 Ctrl+Shift+A(Mac 为 Command+Shift+A)将大小调整为列表中的下一个窗口大小。继续使用快捷方式来旋转窗口大小。 - 您可以在窗口尺寸列表中添加和删除尺寸。转到扩展
Cookie Boss
像老板一样管理您的饼干。消除- 按标签自动:当没有其他活动标签时删除域 cookie - 按会话自动:默认所有 cookie 到会话- 手册:批量选择- 撤消上次删除:恢复上次删除的 cookie添加+ cookie 属性的灵活输入+ 使用现有域提示域属性+ 易于设置到期日期时间调整* 可定制的值* 根据活动域显
Website IP
将当前网站的 IP 放在右下角的简单脚本。此扩展只是将您正在查看的当前网站的 IP 添加到右下角。特征: * 始终显示当前网站 IP 地址而不是通过扩展点击的简单解决方案* 鼠标悬停左右移动,不会挡路* 支持 IPv6 * 没有外部服务器返回 IP - 你的 chrome 在本地完成所有工作* 干净、有吸引力并且

暂无评论

暂无评论...