Brick Next Developer Tools

Adds Brick Next debugging tools to the Chrome Developer Tools.

什麼是Brick Next Developer Tools？

Brick Next Developer Tools是由weareoutman開發的Chrome擴展程式，該擴展的主要功能是“Adds Brick Next debugging tools to the Chrome Developer Tools.”。

擴展截圖

screenshot
screenshot

下載Brick Next Developer Tools擴展crx文件

下載Brick Next Developer Tools擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

                        Brick Next Developer Tools is a Chrome DevTools extension for Brick Next.

Brick Next is a web-frontend framework building on top of web components, developed by UWinTech China (优维科技), also known as EasyOps.

This extension allows developers to inspect the framework rendering tree which consists of custom elements, including their customized properties and events. And it also allows developers to monitor specific data processing of the framework.

Developers will get a new tab in Chrome DevTools: "Bricks". By default it shows you the custom elements tree, by selecting one of them, you can inspect its customized properties and events.

By switching to "Evaluations" or "Transformations", you can monitor the specific data processing, including the input, the result and the context.

擴展基本資訊

名稱 Brick Next Developer Tools Brick Next Developer Tools
ID imfbjbfcldgkdbfgeoppalofbjfihpdp
官方網址 https://chromewebstore.google.com/detail/brick-next-developer-tool/imfbjbfcldgkdbfgeoppalofbjfihpdp
簡介 Adds Brick Next debugging tools to the Chrome Developer Tools.
檔案大小 527 KB
安裝次數 248
目前版本 0.6.10
更新時間 2023-10-10
上架時間 2020-06-05
評分 5.00/5 共 4 次評分
開發者 weareoutman
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/easyops-cn/brick-next-devtools
說明頁面URL https://github.com/easyops-cn/brick-next-devtools/issues/new
支援的語言 en-US
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Brick Next Developer Tools",
    "description": "Adds Brick Next debugging tools to the Chrome Developer Tools.",
    "version": "0.6.10",
    "icons": {
        "128": "icons\/128-production.png"
    },
    "devtools_page": "build\/devtools.html",
    "host_permissions": [
        ""
    ],
    "background": {
        "service_worker": "build\/background.js"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "all_frames": true,
            "js": [
                "build\/content.js"
            ],
            "run_at": "document_start"
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "build\/hook.js"
            ],
            "matches": [
                ""
            ]
        }
    ]
}

相關的擴展

AEM Chrome Plug-in
AEM Chrome Plug-in
React Developer Tools
React Developer Tools
Preact Developer Tools
Preact Developer Tools
Solid Devtools
Solid Devtools
Web Developer Tool for Chrome
Web Developer Tool for Chrome