在 React 应用中可视化展示 Fiber 数据结构

Latest Version

Version
1.0
Update
May 3, 2022
Size
289KiB
Developer
Category
Users
213
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
See more

react fiber visualizer Extension

在 React 应用中可视化展示 Fiber 数据结构。

在Chrome DevTools 面板中出现新的Fiber 标签, 点击\"刷新\"按钮,在Fiber标签面板下展示 Fiber数据结构。

目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。
并且目前只对[email protected]做了测试,其他版本的React应用不一定能正常工作。
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "react fiber visualizer", "description": "\u5728 React \u5e94\u7528\u4e2d\u53ef\u89c6\u5316\u5c55\u793a Fiber \u6570\u636e\u7ed3\u6784", "version": "1.0", "manifest_version": 3, "icons": { "16": "icons/icons8-fiber-16.png", "32": "icons/icons8-fiber-32.png", "48": "icons/icons8-fiber-48.png" }, "devtools_page": "pages/devtools.html", "background": { "service_worker": "dist/background.js" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "run_at": "document_start", "js": ["dist/content-script.js"] } ], "host_permissions": ["http://*/*", "https://*/*"], "web_accessible_resources" : [ { "resources": ["dist/content-script.js", "dist/injected-script.js"], "matches": ["http://*/*", "https://*/*"] } ]}
Read more

Similar Extensions

icon

Teaful DevTools Extension · Developer Tools 213 1 ★ 624KiB

icon

React Fetch Tree Extension · Developer Tools 213 0 ★ 548KiB

icon

React ChronoScope Extension · Developer Tools 213 0 ★ 1.91MiB

icon

React test selectors extensions Extension · Developer Tools 213 1 ★ 946KiB

icon

reactFLO Extension · Developer Tools 213 0 ★ 5.17MiB

icon

click-to-react-component Extension · Developer Tools 213 5 ★ 79.5KiB

icon

FeHelper(前端助手) Extension · Developer Tools 213 321 ★ 2.72MiB

icon

React Inspector Extension · Developer Tools 213 8 ★ 26.91KiB

icon

React Context DevTool Extension · Developer Tools 213 21 ★ 2.35MiB

icon

C-React Extension · Developer Tools 213 4 ★ 701KiB

icon

Console Importer Extension · Developer Tools 213 20 ★ 9.55KiB

icon

Reactime Extension · Developer Tools 213 33 ★ 803KiB

icon

Realize for React Extension · Developer Tools 213 7 ★ 160KiB

icon

React VT Extension · Developer Tools 213 2 ★ 1.51MiB

icon

稀土掘金 Extension · Productivity 213 339 ★ 4.66MiB

icon

React Monitor Extension · Productivity 213 0 ★ 1.3MiB

icon

React Performance Devtool Extension · Developer Tools 213 11 ★ 170KiB

icon

React Stores Devtools Extension Extension · Developer Tools 213 0 ★ 716KiB

icon

HTML to React Extension · Developer Tools 213 4 ★ 342KiB

icon

LocatorJS Extension · Developer Tools 213 64 ★ 190KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 213 38 ★ 18.37MiB

icon

React1s Extension · Developer Tools 213 7 ★ 169KiB

icon

XSwitch Extension · Developer Tools 213 18 ★ 1.6MiB

icon

MobX Developer Tools Extension · Developer Tools 213 51 ★ 682KiB

User reviews

icon

error wrong (ID: 000000bfdec92058) Voted 5 ★ - Updated 05/05/2022 lgtm

icon

wang bill (ID: 0000003585112d30) Voted 5 ★ - Updated 05/05/2022 Awesome