React Inspector

React Inspector

1.2.3
2023-06-29
6

介绍

使用 Ctrl+Shift+X(在 Mac 上为 Command+Shift+X)启动检查器。您可以轻松检测并打开React组件源代码。

从 Chrome 轻松检测 React 组件源代码!

■要求
・安装React开发者工具
・仅适用于开发版本。
・源代码必须存储在本地磁盘上

■工作原理
React Inspector 访问 React Devtools 全局设置的 __REACT_DEVTOOLS_GLOBAL_HOOK__ ,并在检查器悬停的 HTML 元素中找到 React Fiber。 React Fiber 包含有关将在开发过程中添加的源代码的信息,因此我们使用该信息来打开编辑器。

详细信息:https://dev.to/handdot/published-chrome-extension-for-streamlined-react-development-23b

■选项
可以从扩展的选项页面更改“在编辑器 URL 中打开”,以便可以在 VSCode 以外的编辑器中打开它。

■源代码
该扩展是开源的。所以你可以从 https://github.com/hand-dot/react-inspector 访问。
如果您发现错误,请通过 Github 报告!


查看更多
评分 5
1 位用户参与评分
使用人数
2,000+
插件大小
26.91KB
版本号 1.2.3
所属类别 开发者工具
提供方 hand-dot
支持语言 英语
更新时间 2023-06-29 10:46:53
ID gkkcgbepkkhfnnjolcaggogkjodmlpkh