中文 (简体)
See more
在 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
Extension ID
Languages Support
Permissions
react fiber visualizer Extension
在 React 应用中可视化展示 Fiber 数据结构。
在Chrome DevTools 面板中出现新的Fiber 标签, 点击\"刷新\"按钮，在Fiber标签面板下展示 Fiber数据结构。
目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。
并且目前只对[email protected]做了测试，其他版本的React应用不一定能正常工作。
Read more
在Chrome DevTools 面板中出现新的Fiber 标签, 点击\"刷新\"按钮，在Fiber标签面板下展示 Fiber数据结构。
目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。
并且目前只对[email protected]做了测试，其他版本的React应用不一定能正常工作。
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
