Immerx DevTools

Immerx debugging tools in Chrome developer console.

O que é Immerx DevTools?

Immerx DevTools é uma extensão do Chrome desenvolvida por Ionut Achim, e sua principal característica é "Immerx debugging tools in Chrome developer console.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Immerx DevTools

Baixe arquivos de extensão Immerx 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

                        ImmerX DevTools is a Chrome DevTools extension for the open-source JS state management library - ImmerX.

It helps developers visualise ImmerX state changes in the Chrome Developer Tools. It creates a new panel called "Immerx DevTools" that contains 4 main components:

1. "Update List" - A filterable, vertical scrolling list of all the state updates.
2. "Patches" - Where you can see all the immer patches that were applied during the selected state update. Each patch containing information about he operation type, the path and the diff.
3. "State" - Display the state value resulted from the selected update, or the current value if no update is selected.
4. "Diff" - Shows a diff between the state values before and after the selected update.

See an interactive demo of the inlined version here:
https://monojack.github.io/immerx-todomvc

You can learn more about ImmerX here:
https://github.com/monojack/immerx

Code for this extension is open-sourced at:
https://github.com/monojack/immerx-devtools

Informações Básicas da Extensão

Nome Immerx DevTools Immerx DevTools
ID jchcefekimgnfceonnnekpgmphepengp
URL Oficial https://chromewebstore.google.com/detail/immerx-devtools/jchcefekimgnfceonnnekpgmphepengp
Descrição Immerx debugging tools in Chrome developer console.
Tamanho do Arquivo 81.98 KB
Contagem de Instalações 24
Versão Atual 0.2.0
Última Atualização 2020-06-08
Data de Publicação 2020-06-08
Desenvolvedor Ionut Achim
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/monojack/immerx-devtools
URL da Página de Ajuda https://github.com/monojack/immerx-devtools/issues
Idiomas Suportados en-GB
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "version": "0.2.0",
    "author": "Ionut Achim ",
    "name": "Immerx DevTools",
    "short_name": "Immerx DevTools",
    "description": "Immerx debugging tools in Chrome developer console.",
    "icons": {
        "16": "icons\/icon-64.png",
        "48": "icons\/icon-128.png",
        "128": "icons\/icon-400.png"
    },
    "page_action": [],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
    "permissions": [
        "tabs",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "devtools_page": "devtools.html",
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "web_accessible_resources": [
        "panel.html"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "hook.js",
                "contentScript.js"
            ],
            "run_at": "document_start"
        }
    ],
    "manifest_version": 2
}

Extensões Relacionadas

Solid Devtools
Solid Devtools
React Developer Tools
React Developer Tools
Preact Developer Tools
Preact Developer Tools
Livewire devtools
Livewire devtools
Web Developer Tool for Chrome
Web Developer Tool for Chrome