react fiber visualizer

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

Apa itu react fiber visualizer?

react fiber visualizer adalah ekstensi Chrome yang dikembangkan oleh typelulu, dan fitur utamanya adalah "在 React 应用中可视化展示 Fiber 数据结构".

Screenshot Ekstensi

screenshot

Unduh Berkas CRX Ekstensi react fiber visualizer

Unduh file ekstensi react fiber visualizer dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

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

在Chrome DevTools 面板中出现新的Fiber 标签,  点击"刷新"按钮,在Fiber标签面板下展示 Fiber数据结构。

目前需要依赖React Developer Tools, 所以确保您已经安装了React Developer Tools。
并且目前只对[email protected]做了测试,其他版本的React应用不一定能正常工作。                    

Informasi Dasar Ekstensi

Nama react fiber visualizer react fiber visualizer
ID ffpgaakakoiafckdeoflmiipnjencpnj
URL Resmi https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj
Deskripsi 在 React 应用中可视化展示 Fiber 数据结构
Ukuran File 289 KB
Jumlah Instalasi 40
Versi Saat Ini 1.0
Terakhir Diperbarui 2022-05-04
Tanggal Publikasi 2022-05-03
Penilaian 5.00/5 Total 2 Penilaian
Pengembang typelulu
Email [email protected]
Tipe Pembayaran free
Situs Ekstensi https://github.com/lulupy/react-fiber-visualizer
URL Halaman Bantuan https://github.com/lulupy/react-fiber-visualizer
Bahasa yang Didukung 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:\/\/*\/*"
            ]
        }
    ]
}