RSC Devtools

React Server Components network visualizer

RSC Devtoolsคืออะไร?

RSC Devtools เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Alvar Lagerlöf และคุณลักษณะหลักของมันคือ "React Server Components network visualizer"

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย RSC Devtools

ดาวน์โหลดไฟล์ส่วนขยาย RSC Devtools ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        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.                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
คำอธิบาย React Server Components network visualizer
ขนาดไฟล์ 195 KB
จำนวนการติดตั้ง 2,000
เวอร์ชันปัจจุบัน 0.1.15
อัปเดตครั้งล่าสุด 2024-02-18
วันที่เผยแพร่ 2023-08-16
คะแนน 4.88/5 รวมทั้งหมด 8 คะแนน
ผู้พัฒนา Alvar Lagerlöf
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/alvarlagerlof/rsc-parser
ภาษาที่รองรับ 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:\/\/*\/*"
            ]
        }
    ]
}