react fiber visualizer

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

Qu'est-ce que react fiber visualizer ?

react fiber visualizer est une extension Chrome développée par typelulu, et sa fonction principale est "在 React 应用中可视化展示 Fiber 数据结构".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension react fiber visualizer

Téléchargez les fichiers d'extension react fiber visualizer au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

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

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

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

Informations de Base sur l'Extension

Nom react fiber visualizer react fiber visualizer
ID ffpgaakakoiafckdeoflmiipnjencpnj
URL Officiel https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj
Description 在 React 应用中可视化展示 Fiber 数据结构
Taille du Fichier 289 KB
Nombre d'Installations 40
Version Actuelle 1.0
Dernière Mise à Jour 2022-05-04
Date de Publication 2022-05-03
Évaluation 5.00/5 Total 2 Évaluations
Développeur typelulu
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/lulupy/react-fiber-visualizer
URL de la Page d'Aide https://github.com/lulupy/react-fiber-visualizer
Langues Prises en Charge 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:\/\/*\/*"
            ]
        }
    ]
}