首页 > 开发者工具 > React Developer Tools-反应开发人员工具-Chrome扩展插件

React Developer Tools-反应开发人员工具-Chrome扩展插件

向Chrome开发者工具添加React调试工具。
Adds React debugging tools to the Chrome Developer Tools.


React Developer Tools-反应开发人员工具-Chrome扩展插件基本信息

扩展名称:React Developer Tools-反应开发人员工具-Chrome扩展插件
扩展版本:3.6.0    大小:271K
更新日期:2019-01-14
插件作者:Facebook
插件语言:English
官方站点:https://github.com/facebook/react-devtools
插件ID:fmkadmapgofadopljbjfkapdkoienihi
用户数量:1466164    评分:4.2(共5分)

React Developer Tools Chrome插件图片预览

React Developer Tools-反应开发人员工具-Chrome扩展插件图片1

React Developer Tools-反应开发人员工具-Chrome扩展插件介绍

React Developer Tools是一个用于开源React JavaScript库的Chrome DevTools扩展。它允许您检查Chrome开发者工具中的React组件层次结构。

您将在Chrome DevTools中获得一个名为React的新选项卡。这将显示在页面上呈现的根React组件,以及它们最终呈现的子组件。

通过选择树中的一个组件,您可以检查和编辑其当前道具和在右边的面板中说明。在面包屑中,您可以检查所选组件,创建它的组件,创建该组件的组件,等等。

如果使用常规元素选项卡检查页面上的React元素,则切换转到React选项卡,
React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

You will get a new tab called React in your Chrome DevTools. This shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering.

By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on.

If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree.
相关信息
热门
  1. 1Easy Auto Reloader
  2. 2批量搜索工具
  3. 3YouTube™双字幕
  4. 4Twitter视频下载器
  5. 5批量链接下载器
  6. 6IG Helper: 下载 Instagram 图片和视频
  7. 7Flash视频下载器
  8. 8SRT宏
  9. 9HTML5视频播放器
  10. 10我的猫 - 可爱的猫和小猫壁纸