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

官方版无广告68

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

相关资源

Web Socket Client
用于手动 Web 套接字测试的工具。一个简单的浏览器内 Web 套接字客户端 UI。此扩展主要供 Web 开发人员使用,他们正在寻找一种在开发时测试 Web 套接字端点的简单方法。要使用此扩展程序,请单击地址栏右侧的“WS 客户端”图标,或单击“chrome://extensions”中此扩展程序的“选项”。不需
macro_railroad
在 docs.rs 和 doc.rust-lang.org 上为 `macro_rules!()` 生成语法图使用 `macro_railroad` 库,此扩展为 `rustdoc` 生成的所有宏生成语法图。这些图表显示在每个宏块下方。 **注意**:此扩展请求访问 `file:///*` 的唯一原因是本地文档。
Octotree GitHub 树形菜单
GitHub 上的类固醇增强 GitHub 代码审查和探索的浏览器扩展。特征* 类似 IDE 的快速代码树* 以树形格式快速搜索* 书签回购、问题、PR、文件* 支持 GitHub 主题* 支持私有仓库* 高性能,适用于任何大小的存储库专业版功能* 多个标签* 文件图标主题* 代码字体设置* 快速公关导航* 无限
Widescreen for GitHub
单击切换 GitHub 的宽度Github 上的代码行通常太长,无法适应固定的 920px 宽度。此扩展程序将充分利用您的屏幕并以 100% 宽度显示代码!它适用于 Github 上的所有内容:PR、提交、要点等。在需要时很容易打开/关闭宽度 - 它甚至带有漂亮的过渡效果。错误:https://github.co
Webflow Keyboard Shortcuts
Webflow Atalhos - 键盘快捷键Webflow 键盘快捷键,atalhos para o webflow;快捷方式: Shift + Alt --> 编辑所选元素的“类” Enter --> 编辑所选元素中的文本Shift + F --> 快速访问字体大小Shift + Arrow Up / Dow
ATOZ WhatsApp Sender
WhatsApp 网络批量发件人 WhatsApp 营销 - 发送消息、附件、个性化消息、智能自动回复等。掌握 WhatsApp 发件人。过滤号码、发送消息、附件等。 Atoz Bulk Sender(批量WhatsApp发件人,WhatsApp营销软件,wa批量发件人) * 连接任何国家的客户。 * 智能回复*

暂无评论

暂无评论...