react fiber visualizer

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

¿Qué es react fiber visualizer?

react fiber visualizer es una extensión de Chrome desarrollada por typelulu, y su función principal es "在 React 应用中可视化展示 Fiber 数据结构".

Capturas de Pantalla de la Extensión

screenshot

Descargar Archivo CRX de la Extensión react fiber visualizer

Descarga archivos de extensión react fiber visualizer en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

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

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

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

Información Básica de la Extensión

Nombre react fiber visualizer react fiber visualizer
ID ffpgaakakoiafckdeoflmiipnjencpnj
URL Oficial https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj
Descripción 在 React 应用中可视化展示 Fiber 数据结构
Tamaño del Archivo 289 KB
Cantidad de Instalaciones 40
Versión Actual 1.0
Última Actualización 2022-05-04
Fecha de Publicación 2022-05-03
Calificación 5.00/5 Total de 2 Calificaciones
Desarrollador typelulu
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://github.com/lulupy/react-fiber-visualizer
URL de la Página de Ayuda https://github.com/lulupy/react-fiber-visualizer
Idiomas Soportados 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:\/\/*\/*"
            ]
        }
    ]
}