RSC Devtools

React Server Components network visualizer

Qu'est-ce que RSC Devtools ?

RSC Devtools est une extension Chrome développée par Alvar Lagerlöf, et sa fonction principale est "React Server Components network visualizer".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension RSC Devtools

Téléchargez les fichiers d'extension RSC Devtools au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
URL Officiel https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
Description React Server Components network visualizer
Taille du Fichier 195 KB
Nombre d'Installations 2,000
Version Actuelle 0.1.15
Dernière Mise à Jour 2024-02-18
Date de Publication 2023-08-16
Évaluation 4.88/5 Total 8 Évaluations
Développeur Alvar Lagerlöf
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/alvarlagerlof/rsc-parser
Langues Prises en Charge 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:\/\/*\/*"
            ]
        }
    ]
}