RSC Devtools

React Server Components network visualizer

Hvad er RSC Devtools?

RSC Devtools er en Chrome-udvidelse udviklet af Alvar Lagerlöf, og dens hovedfunktion er "React Server Components network visualizer".

Udvidelsesskærmbilleder

screenshot

Download RSC Devtools-udvidelses-CRX-fil

Download RSC Devtools-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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.                    

Grundlæggende oplysninger om udvidelsen

Navn RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
Officiel URL https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
Beskrivelse React Server Components network visualizer
Filstørrelse 195 KB
Antal Installationer 2,000
Nuværende Version 0.1.15
Senest Opdateret 2024-02-18
Udgivelsesdato 2023-08-16
Bedømmelse 4.88/5 Samlet 8 Bedømmelser
Udvikler Alvar Lagerlöf
E-mail [email protected]
Betalingsmetode free
Udvidelseswebsted https://github.com/alvarlagerlof/rsc-parser
Understøttede Sprog 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:\/\/*\/*"
            ]
        }
    ]
}