RSC Devtools

React Server Components network visualizer

Was ist RSC Devtools?

RSC Devtools ist eine Chrome-Erweiterung, die von Alvar Lagerlöf entwickelt wurde, und ihr Hauptmerkmal ist "React Server Components network visualizer".

Erweiterungsscreenshots

screenshot

RSC Devtools-Erweiterungs-CRX-Datei herunterladen

Laden Sie RSC Devtools-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
Offizielle URL https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
Beschreibung React Server Components network visualizer
Dateigröße 195 KB
Installationsanzahl 2,000
Aktuelle Version 0.1.15
Letztes Update 2024-02-18
Veröffentlichungsdatum 2023-08-16
Bewertung 4.88/5 Insgesamt 8 Bewertungen
Entwickler Alvar Lagerlöf
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/alvarlagerlof/rsc-parser
Unterstützte Sprachen 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:\/\/*\/*"
            ]
        }
    ]
}