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 με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        在 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
Διεύθυνση URL της Σελίδας Βοήθειας 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:\/\/*\/*"
            ]
        }
    ]
}