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

官方版无广告42

更新日期:2021年 8月 29日分类标签:语言:中文平台:

1.66MB 6 人已下载 手机查看

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

相关资源

NGitHub Math Display
在 GitHub markdown pviews 中显示 LaTeX 数学方程式。特征: - 仅针对 Markdown pviews:代码块和代码 pviews 不会受到影响- 使用 KaTeX 进行快速高效的渲染- 支持当前的 GitHub 网站:包括内部导航,以及查看已编辑的 Markdown 文件时
Robots vs Humans
显示任何网站的 robots.txt 和 human.txt。显示任何网站的 robots.txt 和 human.txt 文件。警告:机器人和人类并肩生活将不可避免地结束战斗。您可以从此扩展查看战斗,但只希望您是获胜的一方!有关每种文件格式的更多信息,请访问:人类.txt - http://humanstxt.
Link Checker
使用 XHR 进行链接检查。叉我:http://github.com/myshen/chrome-extension-linkchecker请在github上留下requests/comments/suggestions/PRs/etc!已知问题 (2015-02-17): 2.0.0 - 链接检查不会启动;打开
Alaev SEO Tools: Free Audit & Analysis
网站分析和 SEO 优化工具:元标记、标题、图像、链接、微标记、索引等Alaev SEO Tools 收集和分析有关站点及其页面的最重要信息,还添加了独特的功能,例如,将区域选择返回到 Yandex Wordstat! ✔ 标签和元标签该扩展程序收集并分析: - 标题, - 元描述, - 元关键字, - html
Adswerve – dataLayer Inspector+
数字分析师的 DataLayer 工具Adswerve dataLayer Inspector+ 是面向数字分析师的实用工具包。检查谷歌分析活动- 实时监控数据层- 在控制台中查看 Google Analytics 命中,因为它们发生了- 评估常见的数据层推送格式;活动和电子商务在页面中插入额外的资源- 推送数据
BP Privacy Block All Font and Glyph Detection
自动阻止浏览器指纹的所有字体检测。阻止检测已安装的设备字体以防止指纹识别,而无需更改网站字体或外观或功能。简单且自动的扩展将显示检测到的 0 种字体,并且每种基本类型没有唯一的字形。 2.0 版于 2018 年 8 月 18 日发布。 此扩展现在更难以被激进的指纹脚本检测到,不再需要任何类型的权限,提高了可靠性,

暂无评论

暂无评论...