Immerx DevTools

Immerx debugging tools in Chrome developer console.

Immerx DevToolsคืออะไร?

Immerx DevTools เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Ionut Achim และคุณลักษณะหลักของมันคือ "Immerx debugging tools in Chrome developer console."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Immerx DevTools

ดาวน์โหลดไฟล์ส่วนขยาย Immerx DevTools ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        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

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Immerx DevTools Immerx DevTools
ID jchcefekimgnfceonnnekpgmphepengp
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/immerx-devtools/jchcefekimgnfceonnnekpgmphepengp
คำอธิบาย Immerx debugging tools in Chrome developer console.
ขนาดไฟล์ 81.98 KB
จำนวนการติดตั้ง 24
เวอร์ชันปัจจุบัน 0.2.0
อัปเดตครั้งล่าสุด 2020-06-08
วันที่เผยแพร่ 2020-06-08
ผู้พัฒนา Ionut Achim
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/monojack/immerx-devtools
URL หน้าช่วยเหลือ https://github.com/monojack/immerx-devtools/issues
ภาษาที่รองรับ 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
}

ส่วนขยายที่เกี่ยวข้อง

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