react fiber visualizer
在 React 应用中可视化展示 Fiber 数据结构
react fiber visualizerとは何ですか？
react fiber visualizerはtypeluluによって開発されたChromeの拡張機能で、その主な機能は「在 React 应用中可视化展示 Fiber 数据结构」です。
拡張機能のスクリーンショット
react fiber visualizer拡張機能のCRXファイルをダウンロード
react fiber visualizer拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。
拡張機能の使用方法
在 React 应用中可视化展示 Fiber 数据结构。
在Chrome DevTools 面板中出现新的Fiber 标签, 点击"刷新"按钮，在Fiber标签面板下展示 Fiber数据结构。
目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。
并且目前只对[email protected]做了测试，其他版本的React应用不一定能正常工作。 拡張機能の基本情報
| 名前 |  react fiber visualizer |
| ID | ffpgaakakoiafckdeoflmiipnjencpnj |
| 公式URL | https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj |
| 説明 | 在 React 应用中可视化展示 Fiber 数据结构 |
| ファイルサイズ | 289 KB |
| インストール数 | 40 |
| 現在のバージョン | 1.0 |
| 最終更新日 | 2022-05-04 |
| 公開日 | 2022-05-03 |
| 評価 | 5.00/5 合計 2 レビュー |
| 開発者 | typelulu |
| Eメール | [email protected] |
| 支払い方法 | free |
| 拡張機能のウェブサイト | https://github.com/lulupy/react-fiber-visualizer |
| ヘルプページのURL | https://github.com/lulupy/react-fiber-visualizer |
| 対応言語 | 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:\/\/*\/*"
]
}
]
} | |
