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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        在 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
عنوان صفحة المساعدة 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:\/\/*\/*"
            ]
        }
    ]
}