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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

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