React Developer Tools_4.27.3 (3/22/2023)_Chrome插件商店_Chrome插件下载

简介:
将 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 找到它的源代码。

去官方网站了解更多

相关资源

CodeArea

将任何 textarea 转换为代码编辑器样式。将任何 textarea 转换为代码编辑器样式。这将监视您所在的网页并将常规文本区域转换为代码编辑器。左下角会出现一个图标，允许您选择语法高亮显示的语言。您可以在 CodeArea 设置页面中更改主题。编辑器非常广泛，随着更多更新的推出，将具有许多功能（+可选），包

GitHub to Code

允许开发人员在 Visual Studio Code 中本地打开 GitHub 存储库。特征： - 自定义键盘快捷键- 快速设置- 从文件页面、内联降价或代码审查打开

URLDecoder

快速无缝地解码 URL 和 base64 编码的字符串一个简单的工具来解码百分比编码的 URL 以及转义的 JSON 字符串和 base64 编码的字符串。将最近 5 个 url 保留在最近列表中处理，以便您可以返回到它们。 v1.5.4 - 解码 base64 编码的字符串v1.5.3 - 取消转义 JSON

HTML Style Quick Viewer

HTML DOM 元素样式快速查看器如何以不同的方式查看 HTML DOM 样式？只需移动鼠标，它就会显示目标的样式。安装后，您可能需要重新加载选项卡才能使扩展生效。指示： 1. 单击工具栏中的 HTML 样式快速查看器，然后单击“运行”按钮开始。 2. 移动鼠标查看元素的样式。 3. 鼠标左键单击关闭弹出面板。

iQare Fullscreen Site Navigation

iQare Fullscreen Site Navigation 是一个扩展程序，可以让您以简单快捷的方式浏览全屏网站。此扩展程序使您可以使用工具栏的下一步、后退和主页按钮在浏览器历史记录中导航，而无需退出全屏模式。仅当 Chrome 浏览器全屏打开时，导航工具栏才会可见 [F11]。

CSV Reader

将原始 csv 数据转换为简单的 html 表格，在浏览器上易于阅读在线快速浏览 csv 数据文件时，您要么必须下载并使用 Excel、Numbers 等打开它们，要么尝试浏览原始状态的数据…… CSV 阅读器让一切变得更简单：它允许您查看格式化为表格的数据，因此您可以更快地做出决策。此扩展可在几秒钟内将原始 c

暂无评论

暂无评论...

React Developer Tools4.27.3 (3/22/2023)

相关资源

暂无评论