将 React 调试工具添加到 Chrome 开发者工具中。根据 2024 年 7 月 3 日的修订版 ccb20cb88b 创建。

React 开发者工具是针对开源 React JavaScript 库的 Chrome DevTools 扩展程序。它允许您检查 Chrome 开发者工具中的 React 组件层次结构。您将在 Chrome DevTools 中获得两个新选项卡:“⚛️ 组件”和“⚛️ 分析器”。组件选项卡向您显示页面上呈现的根 React 组件,以及它们最终呈现的子组件。通过选择树中的组件之一,您可以在右侧面板中检查和编辑其当前的 props 和状态。在面包屑中,您可以检查所选组件、创建它的组件、创建该组件的组件等等。如果您使用常规元素选项卡检查页面上的 React 元素,然后切换到 React 选项卡,则该元素将在 React 树中自动被选中。分析器选项卡允许您记录性能信息。此扩展需要访问页面 React 树的权限,但它不会远程传输任何数据。它是完全开源的,您可以在 https://github.com/facebook/react/tree/master/packages/react-devtools-extensions 找到它的源代码。

名称  React Developer Tools
ID fmkadmapgofadopljbjfkapdkoienihi
官方URL https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
简介 Adds React debugging tools to the Chrome Developer Tools. Created from revision 993c4d003 on 12/5/2023.
文件大小 1.48 MB
安装次数 4,653,877
当前版本 5.0.0 (12/5/2023)
更新时间 2023-12-06
上架时间 2020-05-18
评分 4.01/5 共1489次评分
开发者 Meta
电子邮箱 [email protected]
付费类型 免费
扩展官网 https://github.com/facebook/react
帮助页面URL https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools
支持的语言 en
网站免责声明
一、资源来源与版权

本网站所有资源及文章均源自互联网,经过我们的收集整理后呈现给用户。我们明确声明,本网站不直接参与任何资源的创作或制作过程,仅作为信息的传递者。若您发现本网站上的任何内容侵犯了您的合法权益(包括但不限于版权、商标权、专利权等),请立即通过以下联系方式与我们取得联系。在收到您的反馈并核实情况后,我们将迅速采取相应措施,包括但不限于删除侵权内容,以确保您的合法权益得到及时保护。

二、资源使用与责任

资源鉴别:本网站发布的资源可能包含水印、广告链接或其他引流信息,这是由资源原始来源决定的。我们提醒用户在使用这些资源时,应保持警惕,自行鉴别信息的真实性和适用性,避免受到不必要的干扰或误导。 非商业用途:本网站提供的资源仅供学习、研究及非商业性交流使用。我们鼓励用户尊重原创,支持正版。若您计划将本站资源用于商业目的,请务必先获得合法授权,否则因此产生的一切法律后果将由下载用户自行承担。

三、联系方式

为了更好地服务用户,解决您在使用本网站过程中可能遇到的问题或反馈侵权信息,我们提供了以下联系方式(请将“#”替换为“@”后使用): 联系方式:contact#kukaylib.com

四、免责条款

本网站致力于为用户提供高质量的信息服务,但对于因网络状况、第三方干扰、不可抗力等因素导致的服务中断、数据丢失、信息错误等问题,本网站不承担任何责任。同时,本网站对于用户在使用本站资源过程中可能产生的任何直接、间接、偶然、特殊或惩罚性损失,也不承担任何法律责任。 请用户在使用本网站时,务必遵守相关法律法规及道德准则,自行承担因使用本站资源而产生的所有风险和后果。

五、更新与修订

本网站有权随时更新或修订本免责声明,更新或修订后的免责声明一经发布即具有法律效力。用户应定期访问本页面以了解最新的免责声明内容。 感谢您对本网站的理解与支持!我们将继续努力,为用户提供更加优质、便捷的信息服务。