react fiber visualizer

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

react fiber visualizer란 무엇입니까?

react fiber visualizer은(는) typelulu에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "在 React 应用中可视化展示 Fiber 数据结构"입니다.

확장 프로그램 스크린샷

screenshot

react fiber visualizer 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        在 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:\/\/*\/*"
            ]
        }
    ]
}