反应 SIGHT「React Sight」 crx插件

扩展开发工具,添加一个显示React Component Hierarchy的边栏。 显示React应用程序的组件层次结构的Chrome开发人员工具 - 适用于您自己的项目以及学习组织结构自己的方式。 在将React Sight添加到浏览器后,您将在Chrome开发工具中添加一个新选项卡 React Sight将读取React的虚拟DOM并呈现页面上呈现的组件的交互式树形图。通过悬停在节点上,您可以看到组件的状态和道具以及它们如何实时更改。 ***建立*** 1.安装React Dev Tools 2.安装React Sight 3.运行您的React应用程序,或打开(几乎!)任何运行React的网站! 4.打开Chrome开发者工具 - >点击React Sight面板 *如果您正在运行本地文件URL,请确保在React Dev Tools和React Sight的扩展设置中启用“允许访问文件URL” 一定要检查我们在GitHub和www.reactsight.com! ----- 这只是几个开发者的副业和激情。有一些错误,并不适用于每个应用程序。如果它不适合您的项目,请发送电子邮件到reactsight@gmail.com,我们将看看我们如何才能使其工作! 感谢您检查React Sight! 支持语言:English (United States)