react fiber visualizer

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

O que é react fiber visualizer?

react fiber visualizer é uma extensão do Chrome desenvolvida por typelulu, e sua principal característica é "在 React 应用中可视化展示 Fiber 数据结构".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão react fiber visualizer

Baixe arquivos de extensão react fiber visualizer no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

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

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

Informações Básicas da Extensão

Nome react fiber visualizer react fiber visualizer
ID ffpgaakakoiafckdeoflmiipnjencpnj
URL Oficial https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj
Descrição 在 React 应用中可视化展示 Fiber 数据结构
Tamanho do Arquivo 289 KB
Contagem de Instalações 40
Versão Atual 1.0
Última Atualização 2022-05-04
Data de Publicação 2022-05-03
Classificação 5.00/5 Total de 2 Avaliações
Desenvolvedor typelulu
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/lulupy/react-fiber-visualizer
URL da Página de Ajuda https://github.com/lulupy/react-fiber-visualizer
Idiomas Suportados 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:\/\/*\/*"
            ]
        }
    ]
}