RSC Devtools

React Server Components network visualizer

Cos'è RSC Devtools?

RSC Devtools è un'estensione di Chrome sviluppata da Alvar Lagerlöf, e la sua funzione principale è "React Server Components network visualizer".

Screenshot dell'Estensione

screenshot

Scarica il file CRX dell'estensione RSC Devtools

Scarica i file di estensione RSC Devtools in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        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.                    

Informazioni di Base sull'Estensione

Nome RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
URL Ufficiale https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
Descrizione React Server Components network visualizer
Dimensione del File 195 KB
Conteggio Installazioni 2,000
Versione Corrente 0.1.15
Ultimo Aggiornamento 2024-02-18
Data di Pubblicazione 2023-08-16
Valutazione 4.88/5 Totale 8 Valutazioni
Sviluppatore Alvar Lagerlöf
Email [email protected]
Tipo di Pagamento free
Sito Web dell'Estensione https://github.com/alvarlagerlof/rsc-parser
Lingue Supportate 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:\/\/*\/*"
            ]
        }
    ]
}