Immerx DevTools

Immerx debugging tools in Chrome developer console.

Co to jest Immerx DevTools?

Immerx DevTools to rozszerzenie Chrome opracowane przez Ionut Achim, a jego główną funkcją jest „Immerx debugging tools in Chrome developer console.”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia Immerx DevTools

Pobierz pliki rozszerzeń Immerx DevTools w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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

Podstawowe informacje o rozszerzeniu

Nazwa Immerx DevTools Immerx DevTools
ID jchcefekimgnfceonnnekpgmphepengp
Oficjalny URL https://chromewebstore.google.com/detail/immerx-devtools/jchcefekimgnfceonnnekpgmphepengp
Opis Immerx debugging tools in Chrome developer console.
Rozmiar pliku 81.98 KB
Liczba instalacji 24
Aktualna Wersja 0.2.0
Ostatnia Aktualizacja 2020-06-08
Data Publikacji 2020-06-08
Deweloper Ionut Achim
E-mail [email protected]
Typ Płatności free
Strona Rozszerzenia https://github.com/monojack/immerx-devtools
Adres URL Strony Pomocy https://github.com/monojack/immerx-devtools/issues
Obsługiwane Języki 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
}

Powiązane Rozszerzenia

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