react fiber visualizer

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

react fiber visualizer là gì?

react fiber visualizer là một tiện ích mở rộng Chrome được phát triển bởi typelulu, và tính năng chính của nó là "在 React 应用中可视化展示 Fiber 数据结构".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot

Tải xuống tệp CRX của tiện ích mở rộng react fiber visualizer

Tải xuống các tệp mở rộng react fiber visualizer dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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

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

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

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên react fiber visualizer react fiber visualizer
ID ffpgaakakoiafckdeoflmiipnjencpnj
URL Chính Thức https://chromewebstore.google.com/detail/react-fiber-visualizer/ffpgaakakoiafckdeoflmiipnjencpnj
Mô tả 在 React 应用中可视化展示 Fiber 数据结构
Kích Thước Tệp 289 KB
Số Lần Cài Đặt 40
Phiên Bản Hiện Tại 1.0
Cập Nhật Lần Cuối 2022-05-04
Ngày Phát Hành 2022-05-03
Đánh Giá 5.00/5 Tổng số 2 Đánh Giá
Nhà Phát Triển typelulu
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/lulupy/react-fiber-visualizer
URL Trang Trợ Giúp https://github.com/lulupy/react-fiber-visualizer
Ngôn Ngữ Được Hỗ Trợ 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:\/\/*\/*"
            ]
        }
    ]
}