RSC Devtools

React Server Components network visualizer

O que é RSC Devtools?

RSC Devtools é uma extensão do Chrome desenvolvida por Alvar Lagerlöf, e sua principal característica é "React Server Components network visualizer".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão RSC Devtools

Baixe arquivos de extensão RSC Devtools no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome RSC Devtools RSC Devtools
ID jcejahepddjnppkhomnidalpnnnemomn
URL Oficial https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn
Descrição React Server Components network visualizer
Tamanho do Arquivo 195 KB
Contagem de Instalações 2,000
Versão Atual 0.1.15
Última Atualização 2024-02-18
Data de Publicação 2023-08-16
Classificação 4.88/5 Total de 8 Avaliações
Desenvolvedor Alvar Lagerlöf
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/alvarlagerlof/rsc-parser
Idiomas Suportados 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:\/\/*\/*"
            ]
        }
    ]
}