RSC Devtools

React Server Components network visualizer

RSC Devtools là gì?

RSC Devtools là một tiện ích mở rộng Chrome được phát triển bởi Alvar Lagerlöf, và tính năng chính của nó là "React Server Components network visualizer".

Ả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 RSC Devtools

Tải xuống các tệp mở rộng RSC Devtools 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

                        This is a tool that lets you record streaming data from React Server Components to then visualize and explore it. You can see how your components and data are loading and in what order and it lets you travel back in time by dragging the timeline slider.                    

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

Tên RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
URL Chính Thức https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
Mô tả React Server Components network visualizer
Kích Thước Tệp 195 KB
Số Lần Cài Đặt 2,000
Phiên Bản Hiện Tại 0.1.15
Cập Nhật Lần Cuối 2024-02-18
Ngày Phát Hành 2023-08-16
Đánh Giá 4.88/5 Tổng số 8 Đánh Giá
Nhà Phát Triển Alvar Lagerlöf
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/alvarlagerlof/rsc-parser
Ngôn Ngữ Được Hỗ Trợ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "RSC Devtools",
    "version": "0.1.15",
    "description": "React Server Components network visualizer",
    "content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'"
    },
    "manifest_version": 3,
    "devtools_page": "devtools-page.html",
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "content-script.js"
            ],
            "all_frames": true
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "fetch-patch.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ]
        }
    ]
}