Immerx DevTools

Immerx debugging tools in Chrome developer console.

Cos'è Immerx DevTools?

Immerx DevTools è un'estensione di Chrome sviluppata da Ionut Achim, e la sua funzione principale è "Immerx debugging tools in Chrome developer console.".

Screenshot dell'Estensione

screenshot
screenshot
screenshot

Scarica il file CRX dell'estensione Immerx DevTools

Scarica i file di estensione Immerx DevTools in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        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

Informazioni di Base sull'Estensione

Nome Immerx DevTools Immerx DevTools
ID jchcefekimgnfceonnnekpgmphepengp
URL Ufficiale https://chromewebstore.google.com/detail/immerx-devtools/jchcefekimgnfceonnnekpgmphepengp
Descrizione Immerx debugging tools in Chrome developer console.
Dimensione del File 81.98 KB
Conteggio Installazioni 24
Versione Corrente 0.2.0
Ultimo Aggiornamento 2020-06-08
Data di Pubblicazione 2020-06-08
Sviluppatore Ionut Achim
Email [email protected]
Tipo di Pagamento free
Sito Web dell'Estensione https://github.com/monojack/immerx-devtools
URL della Pagina di Aiuto https://github.com/monojack/immerx-devtools/issues
Lingue Supportate 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
}

Estensioni Correlate

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