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

去官方网站了解更多

相关资源

Play HLS

在浏览器中播放 HLS url在浏览器中播放 HLS url带有 hls.js 库的扩展来自：https://github.com/video-dev/hls.js播放您点击的 m3u8 链接以及您粘贴到地址栏中的任何 m3u8 链接。它通过将 MPEG-2 传输流和 AAC/MP3 流转换为 ISO BMFF

mermaid-diagrams

在 github wiki 和 markdown 文件上启用“美人鱼图”在 github wiki 和 markdown 文件上启用“美人鱼图”，如下所示：http://knsv.github.io/mermaid/index.html。例如，将此添加到任何 wiki 页面或 github 中的 markdown

GitHub to Code

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

GitLab Web Debugger

允许轻松调试 GitLab.com（和其他官方 GitLab 实例）注意：这是 GitLab 员工的副项目，而不是 GitLab 的官方产品。此 chrome 扩展仅在官方 GitLab 实例上有效。这意味着 https://gitlab.com 和 GitLab 内部使用的其他实例。它通过提取请求的相关 ID

Site DOM Tree

快速分析一个网站的DOM树使用 Highcharts.js 在图表中快速查看任何网站的 DOM 树。还显示节点元素的数量和每个元素的深度。

Meta Generator Version Check

如果网页产生于 WordPress、Joomla、MediaWiki 或其他网络软件的过时版本，显示警告。元生成器版本检查会检查元生成器标签，该标签有时放置在网页中，以查看网页是否是由过时的网络软件版本生成的。它目前包括检查： • 4.7 之前的 WordPress 版本• 3.6.4 之前的 Joomla 版本

暂无评论

暂无评论...

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

相关资源

暂无评论