Immerx DevTools

Immerx debugging tools in Chrome developer console.

Apa itu Immerx DevTools?

Immerx DevTools adalah ekstensi Chrome yang dikembangkan oleh Ionut Achim, dan fitur utamanya adalah "Immerx debugging tools in Chrome developer console.".

Screenshot Ekstensi

screenshot
screenshot
screenshot

Unduh Berkas CRX Ekstensi Immerx DevTools

Unduh file ekstensi Immerx DevTools dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

                        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

Informasi Dasar Ekstensi

Nama Immerx DevTools Immerx DevTools
ID jchcefekimgnfceonnnekpgmphepengp
URL Resmi https://chromewebstore.google.com/detail/immerx-devtools/jchcefekimgnfceonnnekpgmphepengp
Deskripsi Immerx debugging tools in Chrome developer console.
Ukuran File 81.98 KB
Jumlah Instalasi 24
Versi Saat Ini 0.2.0
Terakhir Diperbarui 2020-06-08
Tanggal Publikasi 2020-06-08
Pengembang Ionut Achim
Email [email protected]
Tipe Pembayaran free
Situs Ekstensi https://github.com/monojack/immerx-devtools
URL Halaman Bantuan https://github.com/monojack/immerx-devtools/issues
Bahasa yang Didukung 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
}

Ekstensi Terkait

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