Immerx DevTools

Immerx debugging tools in Chrome developer console.

¿Qué es Immerx DevTools?

Immerx DevTools es una extensión de Chrome desarrollada por Ionut Achim, y su función principal es "Immerx debugging tools in Chrome developer console.".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Immerx DevTools

Descarga archivos de extensión Immerx DevTools en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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

Información Básica de la Extensión

Nombre Immerx DevTools Immerx DevTools
ID jchcefekimgnfceonnnekpgmphepengp
URL Oficial https://chromewebstore.google.com/detail/immerx-devtools/jchcefekimgnfceonnnekpgmphepengp
Descripción Immerx debugging tools in Chrome developer console.
Tamaño del Archivo 81.98 KB
Cantidad de Instalaciones 24
Versión Actual 0.2.0
Última Actualización 2020-06-08
Fecha de Publicación 2020-06-08
Desarrollador Ionut Achim
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://github.com/monojack/immerx-devtools
URL de la Página de Ayuda https://github.com/monojack/immerx-devtools/issues
Idiomas Soportados 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
}

Extensiones 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