react fiber visualizer

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

react fiber visualizerคืออะไร?

react fiber visualizer เป็นส่วนขยายของ Chrome ที่พัฒนาโดย typelulu และคุณลักษณะหลักของมันคือ "在 React 应用中可视化展示 Fiber 数据结构"

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย react fiber visualizer

ดาวน์โหลดไฟล์ส่วนขยาย 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 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
อีเมล [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:\/\/*\/*"
            ]
        }
    ]
}