react fiber visualizer Chrome 插件, crx 扩展下载
在 React 应用中可视化展示 Fiber 数据结构
在 React 应用中可视化展示 Fiber 数据结构。
在Chrome DevTools 面板中出现新的Fiber 标签, 点击"刷新"按钮，在Fiber标签面板下展示 Fiber数据结构。
目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。
并且目前只对[email protected]做了测试，其他版本的React应用不一定能正常工作。
| 分类 | 💻开发者工具 |
| 插件标识 | ffpgaakakoiafckdeoflmiipnjencpnj |
| 平台 | Chrome |
| 评分 |
★★★★☆
4.5
|
| 评分人数 | 23 |
| 插件主页 | https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj |
| 版本号 | 1.0 |
| 大小 | 289KiB |
| 官网下载次数 | 223 |
| 下载地址 | |
| 更新时间 | 2022-05-04 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入： chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意：请确保使用最新版本的Chrome浏览器
同类插件推荐
reactFLO
A dev tool that helps developers visualize the flo
Teaful DevTools
Teaful DevTools is for debugging application's
react fiber visualizer
在 React 应用中可视化展示 Fiber 数据结构在 React 应用中可视化展示 Fiber
click-to-react-component
Option+Click React components in your browser to i
C-React
A Chrome Extension tool that visualizes React rend
Console Importer
Import JavaScript and CSS resources from console,
React test selectors extensions
Extensions for building and watching selectors for
React ChronoScope
React ChronoScope is a performance monitoring tool
React Fetch Tree
Interface to present data compiled from client cod
Reactime
A Chrome extension for time travel debugging and p
React Inspector
The Inspector launch with Ctrl+Shift+X (Command+Sh
React Context DevTool
Devtool for React Context and useReducerReact Cont
FeHelper(前端助手)
JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装！作者：zhaox