React Devtools Beta 发布，React 的浏览器插件

发布于 2015-08-04 08:24:10 | 744 次阅读 | 评论: 0 | 来源: 网友投递

React.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。

React Devtools Beta 发布，React Devtools 可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。

此版本是全新的 React Devtools 版本。此版本最大的改进是创建了一个定义的 API 来进行内部处理，所以其他工具可以受益，也不用强制要求依赖其实现细节。开发者可以自由的进行重构，而不用担心破坏工具的内部实现。

当前版本是从 Blink 的 "Elements" pane fork 而来的，跟 Chrome 特定 APIs 紧密继承。新版本的 devtools 将会与 Chrome 降低耦合。

树视图

Much richer view of your props, including the contents of objects and arrays
Custom components are emphasized, native components are de-emphasized
Stateful components have a red collapser
Improved keyboard navigation (hjkl or arrow keys)
Selected component is available in the console as $r
Props that change highlight in green
Right-click menu
- Scroll node into view
- Show the source for a component in the "Sources" pane
- Show the element in the "Elements" pane

搜索

选择搜索栏(or press "/")，使用组件名字搜索

侧边栏面板

下载：

最新网友评论 共有(0)条评论发布评论返回顶部