Immerx DevTools

Immerx debugging tools in Chrome developer console.

Was ist Immerx DevTools?

Immerx DevTools ist eine Chrome-Erweiterung, die von Ionut Achim entwickelt wurde, und ihr Hauptmerkmal ist "Immerx debugging tools in Chrome developer console.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot

Immerx DevTools-Erweiterungs-CRX-Datei herunterladen

Laden Sie Immerx DevTools-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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

Grundlegende Informationen zur Erweiterung

Name Immerx DevTools Immerx DevTools
ID jchcefekimgnfceonnnekpgmphepengp
Offizielle URL https://chromewebstore.google.com/detail/immerx-devtools/jchcefekimgnfceonnnekpgmphepengp
Beschreibung Immerx debugging tools in Chrome developer console.
Dateigröße 81.98 KB
Installationsanzahl 24
Aktuelle Version 0.2.0
Letztes Update 2020-06-08
Veröffentlichungsdatum 2020-06-08
Entwickler Ionut Achim
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/monojack/immerx-devtools
Hilfeseite URL https://github.com/monojack/immerx-devtools/issues
Unterstützte Sprachen 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
}

Verwandte Erweiterungen

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