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

官方版无广告64

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

相关资源

Interactive Tutorials for Google Analytics
学习 Google Analytics 从未如此简单通过实践学习。交互式屏幕教程是在您的帐户中学习 Google Analytics(分析)的最快方式。只需安装此扩展程序并转到您的 GA 仪表板。在左下角,您会找到一个问号以及所有可以回答您的问题并帮助您成为 Google Analytics Pro 的教程。
Testing Library: which query
查找在测试中使用的建议查询用于测试库的开发工具。您现在可以使用来自测试库的最佳实践和指南来改进您的测试。功能包括: * 从任何网页复制查询*元素检查器面板* 直接在开发工具控制台窗口中进行查询。
Styler Beta
将自定义 CSS 样式、JavaScript 和 jQuery 添加到任何网站将 CSS 样式和 JavaScript 添加到任何具有 jQuery 支持的网页的快速简便方法的最小扩展。 - 在您的 Mac、PC 和 Linux Google 帐户之间自动同步。 - 查看所有网站上所有保存的 CSS 样式和 Ja
Base64 encode/decode selected text
A base64 encoder/decoder extensions for the chrome只需点击一下,就可以将页面中的文字与 Base64 文本互转!想把页面中的文本转成 Base64 文本?有了这款扩展程序,您仅需右键点击一下即可轻松转换,再也无需打开命令行窗口输入生涩的命令。并可在网页中的任意元素
ChroPath
ChroPath 有助于生成和验证选择器,例如具有 iframe、svg 支持的相对 xpath。它还生成英文测试用例。 ChroPath 一键生成所有可能的选择器。 ChroPath 也可以用作选择器的编辑器。它可以轻松地在任何网页上编写、编辑、提取和评估 XPath 查询。 ChroPath Studio 有
Github Enhanced Project Board
Github 项目板的增强 UI用于提高 Github 项目板可用性的扩展。列将变得响应并且不会溢出屏幕。添加列按钮向上移动到控件行。控件中添加了一个新的问题按钮。单击问题标题将在新窗口中打开问题而不是显示摘要视图。

暂无评论

暂无评论...