RSC Devtools

React Server Components network visualizer

Wat is RSC Devtools?

RSC Devtools is een Chrome-extensie ontwikkeld door Alvar Lagerlöf, en de belangrijkste functie is "React Server Components network visualizer".

Extensie Screenshots

screenshot

Download het CRX-bestand van de extensie RSC Devtools

Download RSC Devtools-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.                    

Basisinformatie over de Extensie

Naam RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
Officiële URL https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
Beschrijving React Server Components network visualizer
Bestandsgrootte 195 KB
Aantal Installaties 2,000
Huidige Versie 0.1.15
Laatst Bijgewerkt 2024-02-18
Publicatiedatum 2023-08-16
Beoordeling 4.88/5 Totaal 8 Beoordelingen
Ontwikkelaar Alvar Lagerlöf
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://github.com/alvarlagerlof/rsc-parser
Ondersteunde Talen 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:\/\/*\/*"
            ]
        }
    ]
}