react fiber visualizer
在 React 应用中可视化展示 Fiber 数据结构
What is react fiber visualizer?
react fiber visualizer is a Chrome extension developed by typelulu, and its main feature is "在 React 应用中可视化展示 Fiber 数据结构".
Extension Screenshots
Download react fiber visualizer Extension CRX File
Download react fiber visualizer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
在 React 应用中可视化展示 Fiber 数据结构。
在Chrome DevTools 面板中出现新的Fiber 标签, 点击"刷新"按钮，在Fiber标签面板下展示 Fiber数据结构。
目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。
并且目前只对[email protected]做了测试，其他版本的React应用不一定能正常工作。 Extension Basic Information
| Name |  react fiber visualizer |
| ID | ffpgaakakoiafckdeoflmiipnjencpnj |
| Official URL | https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj |
| Description | 在 React 应用中可视化展示 Fiber 数据结构 |
| File Size | 289 KB |
| Installation Count | 40 |
| Current Version | 1.0 |
| Last Updated | 2022-05-04 |
| Publish Date | 2022-05-03 |
| Rating | 5.00/5 Total 2 Ratings |
| Developer | typelulu |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/lulupy/react-fiber-visualizer |
| Help Page URL | https://github.com/lulupy/react-fiber-visualizer |
| Supported Languages | zh-CN |
| 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:\/\/*\/*"
]
}
]
} | |
