首页 > 科技 >

如何写出漂亮的代码:前端开发者爱不释手的Chrome扩展(一)(3)

2018-08-29 18:56:55 网络整理 阅读:96 评论:0

简单来说,这是一款由Facebook提供的ReactJs开发者工具。

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

如何写出漂亮的代码:前端开发者爱不释手的Chrome扩展(一)(3)

当你使用React时,网站上的扩展图标会亮起,开发者工具中会增加一个名为React标签。

如何写出漂亮的代码:前端开发者爱不释手的Chrome扩展(一)(3)

通过选择树视图的一个组件,你可以在右侧的面板中对它进行检查和编辑。

在“面包屑”中,你可以检查所选组件,创建它的组件,创建该组件的组件,等等。

如何写出漂亮的代码:前端开发者爱不释手的Chrome扩展(一)(3)

使用搜索栏按名称查找组件:

相关文章