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

官方版无广告70

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

相关资源

LiveHosts
无需编辑主机文件即可实时切换主机/IP 映射LiveHosts 是一个 Chrome 扩展,旨在为许多 Web 开发人员每天必须处理的常见问题提供一个有效的(即使不是最佳的)解决方案。如果您的网站的多个版本在多个环境中共享相同的主机名,您通常需要在操作系统主机文件中切换分配。其他扩展(如救命的 HostAdmin
To Do List
待办事项列表扩展 - 随时随地为您记笔记和管理笔记。扩展为您管理作品列表。
Gitlab Buddy
帮助管理 Gitlab 合并请求的简单 Web 扩展。永远完全免费!合并请求仪表板 Gitlab 不见了!再也不会错过分配的合并请求!这会找到所有已分配的 MR,并显示在弹出式 chrome 扩展中,而无需手动订阅每个存储库。其他 gitlab 扩展获取分配给你的合并请求。此扩展程序还引入了组批准合并请求!功能包
github syntax
向 github 的拆分差异拉取请求视图添加语法突出显示。此扩展使用 highlight.js 向 github 的拆分差异拉取请求视图添加了语法突出显示。安装后,每当您访问启用了拆分差异的 github 拉取请求“文件”页面时,您应该立即看到语法着色。注意:目前仅适用于公共存储库。
Meta tags - SEO Tool
此扩展程序将列出网页中的所有元标记此扩展程序只需单击一下即可使所有元标记触手可及。这将通过列出网页中使用的所有元标记来帮助您。您不需要任何技术知识即可查看网页中使用了哪些元标记。只需安装扩展程序,然后单击扩展程序图标即可查看页面中设置了哪些元标记。
YouTube Auto Reply
自动重复 Youtube 视频的扩展。此扩展重复播放 YouTube 视频。不仅 YouTube 视频,链接到其他网站的 YouTube 视频也可以重复播放。视频的右下角添加了一个按钮。

暂无评论

暂无评论...